我使用 create-react-app 开发了一个相当大的单页应用程序。
我正在将所有内容迁移到 NextJS,主要用于 SEO 目的。
我在一个问题上摸不着头脑:处理响应式设计的最佳方法是什么?
在我的 create-react-app 遗留代码中,我始终使组件与 window.innerWidth 保持同步,并使用它来处理大部分响应性(由 material-ui 处理的网格布局除外)。
但既然我们无法在服务器渲染期间猜测客户端的宽度,那么如何避免 UI 的“闪烁”呢?
我们是否需要延迟任何响应式 UI 逻辑,直到我们可以在客户端上执行?
问问题
10320 次
1 回答
1
解决方案是:
使用 javascript 来处理响应性是不好的做法,如果我们不想让浏览器重新显示屏幕上的内容,应该使用 css。
如果您使用的是material-ui,请查看此页面
于 2018-03-21T06:07:11.833 回答