css - 手机和平板电脑的分辨率对于媒体查询来说太高了

Question

我可能完全偏离了目标，但这里是:

我尝试使用各种现代手机和平板电脑测试我的网站...结果是我的媒体查询从未生效，因为这些手机/平板电脑的分辨率太高。

像 @media (max-width: 767px) { } 这样的东西，我想在手机上显示，因为这个分辨率问题而永远不会生效。关于如何解决这个问题的任何想法？这不是一个罕见的问题，所以我觉得我忽略了一些东西。

Answer 1

如果配置正确，“视网膜”屏幕在呈现网页时会考虑增加的分辨率。我会看看 Bootstrap ，仅作为如何将页面设置为完全响应的示例。

您会发现一旦完成此设置，无论设备的实际物理分辨率如何，它都可以正常工作。例如，第一款配备视网膜屏幕的 iPhone(也许是 iPhone 4？)的“宽度”为 320 像素，尽管它的分辨率远高于此。