如何让我的网站动态调整元素大小
我是一个相对较新的web开发人员，正在使用React JS创建一个网站。
我真的不能想出如何让网站上的元素在窗口调整大小时调整大小或排列得很好，或者看起来像从移动设备上查看时一样。
就像所有元素一样，当窗口大小沿对角线减小/增加时，所有元素都会根据vh和vw进行自我调整，但是，如果vh保持不变，而vw发生变化，则所有内容都会变得到处都是。
有没有什么插件或者任何与ReactStrap相关的东西可以帮助我实现动态调整大小和适配？或者我应该使用像wordpress这样的工具，它似乎可以自动处理这个问题，而不是让我手动为网站编写所有的HTML和CSS。
谢谢
回答 2
Stack Overflow用户
发布于 2020-04-29 11:47:01
您可以使用Bootstrap创建响应式网页。对于React用户，他们有React引导程序，没有jQuery依赖项- https://react-bootstrap.github.io/。请尝试此操作，以获得完全响应的网页。对于响应式网格布局，可以使用Bootstrap grid sysytem https://getbootstrap.com/docs/4.0/layout/grid/
Stack Overflow用户
发布于 2020-04-29 12:39:17
@yolopolo你也可以通过学习如何让网站根据设备屏幕做出响应来做到这一点。请查看以下内容：https://www.w3schools.com/css/css_rwd_intro.asp
在Dev Tools https://www.atlantic.net/hipaa-compliant-wordpress-hosting/how-to-test-responsive-design-device-mode-chrome-developer-tools/中学习Chrome的设备模式，测试网页的响应性
https://stackoverflow.com/questions/61493794
复制相似问题
腾讯云开发者
