Html 如何使我的网站动态调整元素大小

Html 如何使我的网站动态调整元素大小,html,css,reactjs,web,mobile-website,Html,Css,Reactjs,Web,Mobile Website,我对使用React JS创建网站的web开发相对较新 我真的不知道如何才能使网站上的元素调整大小,或在窗口调整大小时,或在从移动设备上查看时,使其自身排列得很好 与所有元素一样,当窗口大小按对角线方向减小/增大时,所有元素都会根据vh和vw进行自我调整,但是如果vh保持不变,vw发生变化,则所有元素都会随之改变 是否有任何插件或任何与之相关的东西可以帮助我实现动态调整尺寸和安装?或者我应该使用像wordpress这样的工具来自动处理这个问题,而不是手动编写网站的所有HTML和CSS 谢谢您可以使

我对使用React JS创建网站的web开发相对较新

我真的不知道如何才能使网站上的元素调整大小,或在窗口调整大小时,或在从移动设备上查看时,使其自身排列得很好

与所有元素一样,当窗口大小按对角线方向减小/增大时,所有元素都会根据vh和vw进行自我调整,但是如果vh保持不变,vw发生变化,则所有元素都会随之改变

是否有任何插件或任何与之相关的东西可以帮助我实现动态调整尺寸和安装?或者我应该使用像wordpress这样的工具来自动处理这个问题,而不是手动编写网站的所有HTML和CSS


谢谢

您可以使用引导创建响应性网页。对于React用户,他们有React引导,没有jQuery依赖项-。
请尝试此功能以获得完全响应的网页。对于响应式网格布局,您可以使用引导式网格系统-

@yolopolo,您还可以通过学习如何根据设备屏幕使网站响应来实现这一点。请看这张:

并通过在开发工具中学习Chrome的设备模式来测试您的网页响应能力

您可以使用react引导()、material ui()或其他一些响应框架。。。