Sve*_*ven 15 css css3 media-queries
最近我一直在玩CSS Media Queries,因为这是让我的网站适应各种屏幕尺寸的好方法.我打算将它们实现到实时版本中.
我的问题是:布局更改时是否有任何建议的分辨率值？
Suv*_*jah 26
查看本文的模板"320 and Up" - 作者:Andy Clarke,许多开发人员和设计人员使用它:http://www.stuffandnonsense.co.uk/blog/about/this_is_the_new_320_and_up
如果向下滚动到媒体查询部分,您将看到它们使用五个CSS3媒体查询增量(480,600,768,992和1382px).通常我坚持只有4(480,600,768,1024).
解释范围:
min-width: 480px:将以横向模式向上移动设备
min-width: 600px:以纵向模式向上定位平板电脑
min-width: 768px:以横向模式向上定位平板电脑
min-width: 1024px:定位桌面视图
通常我会在一开始就拥有我的移动纵向视图CSS(因此称为"320及以上").
小智 5
我只想补充 Suvi 的答案。
自适应设计将媒体查询应用于目标分辨率，但是通过响应式设计，您可以在任何需要的地方自由添加断点。
关于一个页面应该有多少个断点没有规则，但应该在布局中断的地方添加一个。目的是确保无论视口的宽度如何，设计和内容都能很好地流动。
我认为这篇文章提供了一个很好的概述：
http://www.williamwalker.me/blog/an-introduction-to-responsive-design.html