我建议仅通过以下四个媒体查询来关注Twitter的Bootstrap:
@media (max-width: 480px) { ... }@media (max-width: 767px) { ... }@media (min-width: 768px) and (max-width: 979px) { ... }@media (min-width: 1200px) { ... }编辑:原始答案(以上)来自Bootstrap版本2。Bootstrap已更改了版本3中的媒体查询。请注意,对于小于768px的设备,没有明确的查询。这种做法有时被称为“移动优先”。任何媒体查询之外的所有内容都将应用于所有设备。媒体查询块中的所有内容都会扩展并覆盖全局可用内容以及所有较小设备的样式。将其视为响应式设计的逐步增强。
@media (min-width: 768px) { ... }@media (min-width: 992px) { ... }@media (min-width: 1200px) { ... }在Bootstrap 3的文档中查看。



