CSS响应式设计断点

时间:2013-01-16 05:48:41

标签: html css html5 css3

我使用的断点是768 480& 225.这对于我的响应式设计是否足够,或者更为推荐。

768 + |计算机

480 - 768 |平板电脑

225 - 480 |智能手机

225< |电话/最小浏览器

1 个答案:

答案 0 :(得分:7)

我甚至不担心尝试设计显示类型,有太多的决议可能会根据它做出决定。

相反,只需在显示器上以最大分辨率开始,然后慢慢收缩浏览器窗口,直到找到内容的自然断点,然后在出现时修复它们。如果你这样做,那么那些分辨率并不重要,并且它将适用于新的显示器。

你绝对不必丢弃当前的断点,只需检查它们,看看是否还有你需要添加的断点,或者让你现有的断点更有效。

Here's a Smashing Mag article that goes further into the topic.

相关问题