【发布时间】：2013-04-28 11:50:15
【问题描述】：
我搜索了很多关于 Ipad mini 的 CSS 特定媒体查询和找到 this page。这说明 Ipad Mini 在 162 ppi 中有 7.9。如何在 CSS 媒体查询中应用此属性。请帮忙
【问题讨论】：
标签： css responsive-design ipad-mini
【发布时间】：2013-04-28 11:50:15
【问题描述】：
iPad mini 将只继承与原始 iPad 相同的视口大小。但为了更精确，您可以定位 iPad mini 的像素密度，因此：
/* ipad Mini Portrait */
@media only screen and (width:768px) and (resolution: 163dpi) {
}
/* ipad Mini Landscape */
@media only screen and (width:1024px) and (resolution: 163dpi) {
}
【讨论】：
-
这在如何将分辨率应用于媒体查询方面在技术上是正确的，但从 iOS 6 开始它不会做任何事情。（参见jsfiddle.net/egid/DX9eJ 的示例）。
-
其实不能："[*] Webkit引擎不支持规范中的CSS解析查询，Safari浏览器需要使用非标准的device-pixel-ratio查询，请参阅错误 16832。” developer.mozilla.org/en-US/docs/Web/CSS/resolution