html - 如何让我的网站动态调整元素大小

Question

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

我真的不知道如何使网站上的元素调整大小或在窗口调整大小时很好地排列自己，或者看起来像从移动设备查看时一样。

当窗口大小沿对角线减小/增加时，所有元素都会根据 vh 和 vw 进行自我调整，但是如果 vh 保持不变而 vw 发生变化，那么一切都会结束。

是否有任何插件或任何与 ReactStrap 相关的东西可以帮助我实现这种动态调整大小和拟合？或者我应该使用像 wordpress 这样的工具，它们似乎可以自动解决这个问题，而不是我手动为网站编写所有 HTML 和 CSS。

谢谢

标签： htmlcssreactjswebmobile-website

Answer 1

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