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

Question

我有以下内容：

@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/得到了这个，我只需要上面的代码。它似乎不起作用。我做错了吗？

Answer 1

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

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

• LANDSCAPE TABLET （min-device-width：901px）和（max-device-width：1024px）
• PORTRAIT TABLET （min-device-width：721px）和（max-device-width：900px）
• 现代智能手机（min-device-width：481px）和（max-device-width：720px）
• 1ST GEN SMARTPHONES （min-device-width：361px）和（max-device-width：480px）
• LOW-RES SMARTPHONES （最大设备宽度：360px）

您还必须考虑该设备是视网膜还是非视网膜。为了向您展示一个示例，您将在媒体查询中包含（-webkit-min-device-pixel-ratio：2）。

你应该检查一下是否有问题 - 在原始类'textular'中，你定义了font-size吗？我确信问题是非常微不足道的。