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

Question

我从事响应式设计已经有一段时间了，而 twitter 的引导程序似乎是最好的响应式框架之一。

但我有一个关于媒体查询的问题。我在他们的文档中看到以下内容：

/* 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

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