0

我为移动设备创建了一个样式表。我用这个加载它：

<link rel="stylesheet" media="handheld, screen and (max-width: 650px)" href="/mobile.css?t=<?php echo rand(); ?>" />

在那个文件里面我有：

@media handheld, screen and (max-width: 650px) {
     -- Styles here
}

@media handheld, screen and (max-width: 446px) {
     -- Styles here
}

当我调整浏览器大小时它可以工作，但出于某种原因，至少在 android 上我看到了正常的网络，知道吗？

4

1 回答 1

1

发生这种情况的原因有很多：

  1. 您的 Android 不支持媒体查询。有少数 Android 设备无法识别媒体查询，您的机器人可能就是其中之一。

  2. 您的媒体查询没有按照您认为的方式进行解释。您是在寻找“手持设备，（屏幕和最大宽度：650 像素）”，还是必须是最大宽度为 650 像素的手持式屏幕？如果您期待第一个，那么您实际上可能会得到后者。如果是这种情况，那么您可能永远不会触发该代码，因为很少有智能手机将自己注册为“手持设备”。

  3. 你的屏幕宽度不是你想象的那样。仅仅因为您的屏幕为 1.5" x 3"，并不意味着您的分辨率最高可达 650 像素甚至 446 像素。由于这些智能手机可以实现高密度，您的机器人实际上可能比您的桌面显示器具有更高的分辨率。例如，iPhone5 只会在纵向模式下读取您的第一个查询，因为它的最小边是 640 像素，而较长的边是 1136 像素。Android 操作系统支持的最大分辨率是高达 2560x1600 的分辨率！）

于 2012-12-10T18:46:45.127 回答