我想在我的网站上排除iPad使用我的CSS样式来获取桌面视图。我建立了我的网站移动优先，所以桌面样式是媒体查询。
在弄乱我的代码的同时，我尝试了这个：
/*mobile and default styles (the styles I want the iPads to use)*/
@media (min-width: 750px;),
@media (device-width: 768px) and (device-height: 1024px) /*iPad resolution*/ {
/*desktop styles (the styles I don't want the iPad to use)*/
/*in this code, these styles are currently being ignored by iPads*/
}
我不认为这是有效的代码，但它在我测试过的每个浏览器和设备中都能正常运行。
它与在一个媒体查询上有两个@media行有关。第二组参数以某种方式从查询中排除，但我不明白为什么。没有第二个@media，它就像or运算符一样，桌面样式将显示在iPad上。
我尝试过嵌套媒体查询，但似乎无法正常工作，我尝试使用not，但第一行仍然是正确的，因此它也能正常工作。
我还没有在声明中找到关于使用@media两次的任何信息并且以某种方式排除第二个媒体查询，有人可以解释正确的方法来执行此操作，或至少解释为什么这有效？