javascript - 在 Retina iPhone 上正确设置设备宽度和比例？ CSS

Question

我有一个以 640 像素的正确宽度构建的设计。我想设置像素比，这样当我指的是 640px 宽度的 10px 时，我可以写 10px。我不想尝试将每个值分成两半。这可能吗？比如，initial-scale=0.5, maximum-scale=0.5?

谢谢!

Answer 1

这可以通过在 CSS 中使用媒体查询来完成

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* iphone 4 Styles */
}