0

我有以下内容：

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

4

1 回答 1

0

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

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

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

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

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

于 2013-08-14T14:18:58.723 回答