这些天在制作网站时应该在 CSS 中使用多少 @media？
我正在考虑一款用于 iOS，然后一款用于大型手机（三星），一款用于小型平板电脑，一款用于普通平板电脑，一款用于笔记本电脑/台式机。
这是矫枉过正吗？
我也可以只使用 min-width 来减少他们两次写东西的次数吗？
问问题
843 次
1 回答
6
是的，你可以不使用直接查询min-width或max-width媒体查询——这是很常见的做法。
这是一个基于意见的问题，因此不完全在 Stack Overflow 的范围内，但无论如何我都会咬一口。
媒体查询越少，IMO 就越好 - 您的设计越流畅/自然响应，您就越不必担心处理大量媒体查询。我建立的大多数网站只有一个媒体查询，基本上介于移动和平板电脑/桌面分辨率之间：@media only screen and (max-width: 767px) { }所以断点是 768。
如果您认为这限制性太强，您可以在 1024 左右添加一个以用于桌面分辨率，因此您拥有移动/平板/桌面，而不仅仅是移动和平板/桌面。一般来说，如果您使用的是流畅的布局技术，那么您应该已经以这样一种方式设计站点，即您可以像 Zurb Foundation 那样只使用一个断点。
这鼓励了响应式设计的最佳实践，更易于维护，并让您摆脱追逐每一个新设备分辨率的激烈竞争 - 有太多的设备需要针对特定的屏幕尺寸进行优化，所以最好设计一个可以工作的网站在所有这些上，而不是对每个可以想象的显示都有 1 亿个媒体查询。
于 2013-11-08T19:42:08.217 回答