媒体查询 - 针对特定的设备连接在一起(Media queries - targeting spec

我有一个加载到处理在一个网站响应设计设备的样式表，但我确切地挣扎组几个不同的媒体查询我多么希望。

我有一个小的网络窗口组共享样式，在任何旋转移动设备和一台iPad仅画像。

目前我得到的一切，除了在iPad与此查询：

@media all and (max-device-width: 480px), all and (max-width: 480px)

我得到了iPad在使用此代码画像：

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)

我如何结合这两种媒体的质疑？

Answer 1:

好了，对于这个问题的人。

为了实现这一点，我结束了使用的媒体查询加载样式表，而不是嵌入在我的样式表的媒体查询。

<link rel="stylesheet" type="text/css" media="all and (max-device-width: 480px), all and (max-width: 480px)" href="device.css" />
<link rel="stylesheet" type="text/css" media="@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)" href="device.css" />

文章来源: Media queries - targeting specific devices together