CSS响应式设计断点

Question

4

我在使用断点分别设置在768、480和225。这是否足以支持我的响应式设计，或者建议使用更多？

768 + | 电脑

480 - 768 | 平板电脑

225 - 480 | 智能手机

225 < | 手机/小型浏览器

- Ray

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jason · Accepted Answer

我觉得你不需要为各种显示器设计而烦恼，因为有太多的分辨率可以让你做出基于此的决策。

相反，从你的显示器的最大分辨率开始，慢慢缩小浏览器窗口，直到找到内容的自然断点，并在发现时进行调整。如果这样做，那么无论哪种分辨率都没问题，并且它将为新的显示器未来做好准备。

你肯定不必放弃当前的断点，只需检查它们以查看是否需要添加更多或使当前的断点更加高效即可。