CSS响应式设计断点

Ray*_*Ray 4 html css html5 css3

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

768 + | 电脑

480 - 768 | 片剂

225 - 480 | 手机

225 <| 电话/最小浏览器

Jas*_*son 7

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

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

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

这是一篇Smashing Mag文章,进一步深入讨论该主题.