如何让React网站成为响应式网站

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

我一直在为组件使用语义用户界面,该网站在桌面上的效果非常好,但在移动端却相当糟糕。我怎样才能将其改造成完全响应式的呢?

reactjs semantic-ui-react
1个回答
0
投票

我强烈建议你阅读 本CSS指南

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


0
投票

看来有一个语义的响应式插件。https:/react.semantic-ui.comaddonsresponsive。

请看一下上面链接中的文档。 您仍然需要自己选择如何使UI成为响应式的,但您可以从semantic中获得帮助,以帮助实现断点。

理想情况下,您希望从网格的响应性开始。https:/semantic-ui.comcollectionsgrid.html。


0
投票

我之前也有一个同样的问题,在我用CSS学习了媒体查询之后。你可以用这个来构建你的app,用任何view-port。

参考这个,对于初学者来说 https:/www.w3schools.comcsscss_rwd_mediaqueries.asp

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