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

• /* >=480的设备 */
  
• @media (min-width: 480px) {
  
• 
  
• }
  
• /* >=767的设备 */
  
• @media (min-width: 767px) {
  
• 
  
• }
  
• /* >=768但=978的设备 */
  
• @media (max-width: 978px) {
  
• }
  

免责声明：本文内容部分来源于网络，出于网络分享目的，如对您的权益版权有异议我们将予以删除，谢谢合作！

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

• /* >=480的设备 */
  
• @media (min-width: 480px) {
  
• 
  
• }
  
• /* >=767的设备 */
  
• @media (min-width: 767px) {
  
• 
  
• }
  
• /* >=768但=978的设备 */
  
• @media (max-width: 978px) {
  
• }
  

免责声明：本文内容部分来源于网络，出于网络分享目的，如对您的权益版权有异议我们将予以删除，谢谢合作！