这是进行 ipad 媒体查询的正确方法吗？

【问题标题】：Is this the right way to do ipad media query?这是进行 ipad 媒体查询的正确方法吗？
【发布时间】：2013-07-13 22:21:32
【问题描述】：

我有以下：

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.textular {
    font-size: 10px;
    }
}

我从http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ 得到这个，我只需要上面的代码。它似乎不起作用。我做错了吗？

【问题讨论】：

我个人喜欢单独的样式表。所以，就像<link rel="stylesheet" media="screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)" href="ipad.css" />
哪款 iPad？第 1、2、3 代还是全部？

标签： ipad css media-queries

【解决方案1】：

我不会使用（方向：横向）- 最好只定义更详细的媒体查询，因为这将考虑平板电脑/iPad 是否处于纵向。

这些是我使用的媒体查询：

横向平板电脑（最小设备宽度：901 像素）和（最大设备宽度：1024 像素）
肖像平板电脑（最小设备宽度：721 像素）和（最大设备宽度：900 像素）
现代智能手机（最小设备宽度：481 像素）和（最大设备宽度：720 像素）
第一代智能手机（最小设备宽度：361 像素）和（最大设备宽度：480 像素）
低分辨率智能手机（最大设备宽度：360 像素）

您还必须考虑设备是视网膜还是非视网膜。举个例子，您可以在媒体查询中包含 (-webkit-min-device-pixel-ratio:2)。

您应该检查一件事是否是问题所在 - 在您的原始类“textular”中，您是否定义了字体大小？我确信这个问题是非常微不足道的。

【讨论】：