特定屏幕分辨率范围缺少CSS样式？

Question

我已经使用响应式设计工作了一段时间，而twitter的bootstrap似乎是最好的响应式框架之一。

但我对媒体查询有疑问。我在他们的文档中看到以下内容：

/* Landscape phones and down */
@media (max-width: 480px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Large desktop */
@media (min-width: 1200px) { ... }

由于我已经在测试它，在979px和1200px之间布局没有样式所以一切都搞砸了。所以我不明白那里的逻辑，有人可以解释一下吗？

Answer 1

假设980px和1199px之间的宽度是默认值，并且不使用特殊媒体查询。因此，您可以为该宽度定义所有样式，之后，您可以为其他“非标准”屏幕验证样式。