Javascript 告诉我我的 Galaxy S3 的屏幕分辨率为 720x1280 但文档报告为 360x567。
是否可以让文档更准确地反映屏幕分辨率?可能是视口上的初始比例?
我好像管不了!
澄清一下,我知道我的设备在纵向模式下的分辨率是 720px 宽,但是当将一个元素放在网页上时,该元素会以 360px 宽填充页面的宽度,因为该设备为每个 css 像素使用 2 个硬件像素。我可以阻止设备这样做吗?
Javascript 告诉我我的 Galaxy S3 的屏幕分辨率为 720x1280 但文档报告为 360x567。
是否可以让文档更准确地反映屏幕分辨率?可能是视口上的初始比例?
我好像管不了!
澄清一下,我知道我的设备在纵向模式下的分辨率是 720px 宽,但是当将一个元素放在网页上时,该元素会以 360px 宽填充页面的宽度,因为该设备为每个 css 像素使用 2 个硬件像素。我可以阻止设备这样做吗?
首先,为什么不大部分时间使用这些信息(来自 Quirksmode 的 PPK 关于devicePixelRatio)
Retina iPhone 在纵向模式下的宽度为 640 物理像素。尽管如此,使用元视口的网站不应该变成 640px 宽,而是保持在 320,这是 iPhone 的最佳阅读尺寸。
其次,当您仍然想针对特定的高分辨率设备(Apple 称为 Retina)时,您应该阅读Cross Browser Retina/High Resolution Media Queries其中最短的片段是:
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {
/* Retina-specific stuff here */
}
但还有其他内容,还有 3 篇关于 Windows Phone、Opera Mini、Firefox OS 和现在存在的不同比率的先前有趣文章和更新的链接