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



我对使用React JS创建网站的web开发相对陌生。

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

就像所有元素一样,当窗口大小沿对角线减小/增加时,它们会根据vh和vw进行自我调整,然而,如果vh保持不变,vw发生变化,一切都会变得一团糟。

有没有任何插件或任何与ReactStrap相关的东西可以帮助我实现这种动态调整大小和拟合?或者,我应该使用像wordpress这样的工具来自动处理这个问题,而不是手动为网站编写所有HTML和CSS。

谢谢

您可以使用Bootstrap创建响应式网页。对于React用户,他们有React引导程序,没有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

并通过在开发工具中学习Chrome的设备模式来测试您的网页响应能力https://www.atlantic.net/hipaa-compliant-wordpress-hosting/how-to-test-responsive-design-device-mode-chrome-developer-tools/

相关内容

  • 没有找到相关文章

最新更新