Bootstrap使用以下媒体查询:
@media (min-width: 1200px) { ... }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 768px) and (max-width: 991px) { ... }
@media (min-width: 480px) and (max-width: 767px) { ... }
@media (max-width: 480px) { ... }
这些查询必须是特定像素的原因吗?据我所知,480px是某些特定设备的宽度,但由于这些都是基于范围的,因此以下内容仍然可以使用吗?
@media (min-width: 1200px) { ... }
@media (min-width: 1000px) and (max-width: 1199px) { ... }
@media (min-width: 800px) and (max-width: 999px) { ... }
@media (min-width: 500px) and (max-width: 799px) { ... }
@media (max-width: 499px) { ... }