结合媒体查询选择了平板电脑和移动到一个

Question

我可以结合以下媒体查询到1什么，我们使用平板电脑和移动设备：

@media only screen and (min-width: 702px) and (max-width: 1040px) { 
    .ipad-iframe-container .resize { 
     overflow: scroll; 
     -webkit-overflow-scrolling: touch; 
    } 
} 

@media only screen and (max-width: 701px) { 
    .ipad-iframe-container .resize { 
     overflow: scroll; 
     -webkit-overflow-scrolling: touch; 
    }  
} 

Answer 1

是？

一切都是一样的，除了宽度。一种701像素及以下，另一种为702像素至1040像素。实际上，您可以将规则更改为1040像素及以下。

我假设701和702之间的任何假想的子像素屏幕尺寸也被允许使用这个规则。 ;）

@media only screen and (max-width: 1040px) { 
    .ipad-iframe-container .resize { 
     overflow: scroll; 
     -webkit-overflow-scrolling: touch; 
    } 
}