css - 在媒体查询中排除设备

Question

我想排除 iPad 在我的网站上使用我的 CSS 样式作为桌面 View 。我以移动设备为先构建我的网站，因此桌面样式在媒体查询中。

在搞乱我的代码时，我尝试了这个:

/*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 ，那么它就像一个 或 运算符一样工作，桌面样式将显示在 iPad 上。

我试过嵌套媒体查询，这似乎不起作用，而且我试过使用 not，但第一行仍然是 true，因此它也可以工作。

我没有找到任何关于在声明中两次使用@media 并以某种方式排除第二次媒体查询的信息，有人可以解释正确的方法吗这个，或者至少解释一下为什么会这样？

Answer 1

辉煌 - 但根据 VS12 的语法不正确。可以看到在这里工作http://www.stilborg.com在 iPad 上。