特定屏幕分辨率范围缺少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

假设980px和1199px之间的宽度是默认值，并且不使用特殊媒体查询。所以，你定义了这个宽度的所有样式，然后在其他“非标准”屏幕上证明你的样式。