css3媒体查询@media书写顺

phpvar

用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面，否则会造成覆盖和重复检测的问题,示例：

1. /* >=480的设备 */
   
2. @media (min-width: 480px) {
   
3.         
   
4. }
   
5. /* >=767的设备 */
   
6. @media (min-width: 767px) {
   
7.         
   
8. }
   
9. /* >=768但<=978的设备 */
   
10. @media (min-width: 768px) and (max-width: 978px) {
    
11.         
    
12. }
    
13. /* >=978的设备 */
    
14. @media (max-width: 978px) {
    
15.         
    
16. }

复制代码