我正在开发一个移动网站，我遇到了一个有趣的问题。
我正在我的台式机以及我的 Motorola Droid (Android 2.2) 上进行测试。我设置了媒体查询来加载 3 个不同的样式表（320 像素宽、480 像素宽和 640 像素宽）。我注意到我的 Droid 正在加载 320px 样式表，尽管屏幕尺寸为 480x854px。我设置了一些 JS 来找出屏幕宽度是多少，它报告的宽度是 320px。
Android 浏览器是否在 HDPI 屏幕上以 MDPI 运行？它正确缩放 320px 以填充屏幕，但我有点困惑为什么会发生这种情况。
另外，我的页面上确实有 ，所以这不是问题。
许多 OEM 厂商选择根据 iPhone 的浏览器视口尺寸（或类似的分辨率）设置默认浏览器视口尺寸，尽管它们的分辨率完全不同。 Apple 在 iPhone 4 上发布“视网膜显示屏”时也遇到了类似的问题，其规格表中规定宽度为 640 像素，但 screen.width 设置后将返回 320 像素。
正如 @omermuhammed 提到的，您的逻辑基于 screen.width、CSS @media 查询和/或使用 WURFL 或 DeviceAtlas 进行设备检测。
以下文章可能也有助于澄清该问题：
像素不是像素不是像素@ppkhttp://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
