如何使 React 网站响应式



我一直在为组件使用语义UI,并且该网站在桌面上非常好, 但它在移动设备上相当崩溃。 如何将其转换为完全响应

我强烈建议您阅读此CSS指南

您可以通过Flex-box创建一个完全响应的网站。

看起来有一个响应式语义附加组件,https://react.semantic-ui.com/addons/responsive/

查看上面链接中的文档。 您仍然必须自己选择如何使 UI 具有响应性,但您有来自语义的帮助程序来帮助解决断点。

理想情况下,您希望从响应式网格开始:https://semantic-ui.com/collections/grid.html

在我学习了 CSS 的媒体查询之后,我之前也有同样的问题。您可以使用任何视口构建您的应用程序。

请参阅此内容,以获取入门 https://www.w3schools.com/css/css_rwd_mediaqueries.asp

最新更新