手机和平板电脑的分辨率太高媒体查询

Question

我可能是完全没谱，但这里有云：

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

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

Answer 1

正确配置时，“视网膜”屏幕在渲染网页时会考虑增加的分辨率。我想看看Bootstrap，纯粹是作为如何设置页面以充分响应的示例。

你会发现，一旦你有这个设置，它将工作，不管设备的实际物理分辨率。例如，第一款拥有视网膜屏幕的iPhone（可能是iPhone 4）的宽度为320像素，无论它的分辨率远高于此。