在视网膜iPhone上正确设置设备宽度和比例？ CSS

Question

我的设计宽度为640px。我想设置像素比率，这样当我的意思是宽度为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 */
}