如何让我的网站动态调整元素大小
How to make my website dynamically resize elements
我对使用 React JS 创建网站的 Web 开发还比较陌生。
我真的不知道如何让网站上的元素在 window 调整大小时调整大小或很好地自行排列，或者看起来像从移动设备上查看时的样子。
当 window 大小 decreases/increases 对角线时，就像所有元素根据 vh 和 vw 调整自己一样，但是如果 vh 保持不变而 vw 发生变化，那么一切都会结束。
是否有任何插件或任何与 ReactStrap 相关的东西可以帮助我实现这种动态调整大小和适配？或者我应该使用像 wordpress 这样的工具，它似乎会自动处理这个问题，而不是我手动为网站编写所有 HTML 和 CSS。
谢谢
您可以使用 Bootstrap 创建响应式网页。对于 React 用户，他们有 React bootstrap，没有 jQuery 依赖 - https://react-bootstrap.github.io/。
请试试这个以获得完全响应的网页。对于响应式网格布局，您可以使用 Bootstrap 网格系统 - https://getbootstrap.com/docs/4.0/layout/grid/
@yolopolo 你也可以通过学习如何根据设备的屏幕使网站响应来做到这一点。请检查这个：https://www.w3schools.com/css/css_rwd_intro.asp
并通过在 Dev Tools 中学习 Chrome 的设备模式来测试您的网页响应
https://www.atlantic.net/hipaa-compliant-wordpress-hosting/how-to-test-responsive-design-device-mode-chrome-developer-tools/
我对使用 React JS 创建网站的 Web 开发还比较陌生。
我真的不知道如何让网站上的元素在 window 调整大小时调整大小或很好地自行排列，或者看起来像从移动设备上查看时的样子。
当 window 大小 decreases/increases 对角线时，就像所有元素根据 vh 和 vw 调整自己一样，但是如果 vh 保持不变而 vw 发生变化，那么一切都会结束。
是否有任何插件或任何与 ReactStrap 相关的东西可以帮助我实现这种动态调整大小和适配？或者我应该使用像 wordpress 这样的工具，它似乎会自动处理这个问题，而不是我手动为网站编写所有 HTML 和 CSS。
谢谢
您可以使用 Bootstrap 创建响应式网页。对于 React 用户，他们有 React bootstrap，没有 jQuery 依赖 - https://react-bootstrap.github.io/。 请试试这个以获得完全响应的网页。对于响应式网格布局，您可以使用 Bootstrap 网格系统 - https://getbootstrap.com/docs/4.0/layout/grid/
@yolopolo 你也可以通过学习如何根据设备的屏幕使网站响应来做到这一点。请检查这个：https://www.w3schools.com/css/css_rwd_intro.asp
并通过在 Dev Tools 中学习 Chrome 的设备模式来测试您的网页响应 https://www.atlantic.net/hipaa-compliant-wordpress-hosting/how-to-test-responsive-design-device-mode-chrome-developer-tools/