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

问题描述 投票:1回答:2

对于使用React JS创建网站的Web开发而言,我还比较陌生。

我真的无法弄清楚如何调整窗口上的元素的大小,或者在调整窗口的大小或从移动设备查看时看起来很好。

就像当窗口大小沿对角线减小/增大时,所有元素都根据vh和vw进行自身调整一样,但是,如果vh保持不变并且vw发生变化,则所有内容都会遍历整个位置。

是否有任何插件或与ReactStrap相关的任何东西可以帮助我实现动态调整大小和拟合?还是我应该使用诸如wordpress之类的工具来自动解决此问题,而不是我手动为网站编写所有HTML和CSS。

谢谢

对于使用React JS创建网站的Web开发来说,它相对较新。我真的无法弄清楚当...

html css reactjs web mobile-website
2个回答
0
投票

您可以使用Bootstrap创建响应式网页。对于React用户,他们具有React引导程序,没有jQuery依赖项https://react-bootstrap.github.io/。请尝试此操作以获得完全响应的网页。对于自适应网格布局,可以使用Bootstrap网格系统-https://getbootstrap.com/docs/4.0/layout/grid/


0
投票

@@ yolopolo,您还可以通过学习如何根据设备的屏幕使网站具有响应性来做到这一点。请检查以下一项:https://www.w3schools.com/css/css_rwd_intro.asp

© www.soinside.com 2019 - 2024. All rights reserved.