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

Question

我可能完全不合适，但是这里有：

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

我希望为手机显示的@media (max-width: 767px) { }之类的东西，由于此分辨率问题而永远不会生效。关于如何解决这个问题的任何想法？这不是一个不常见的问题，所以我觉得我忽视了一些事情。

Answer 1

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

一旦完成此设置，您就会发现无论设备的实际物理分辨率如何，它都能正常工作。例如，第一款拥有视网膜屏幕的iPhone（也许是iPhone 4？）的宽度为＃34; 320px，无论它的分辨率远高于此值。