javascript - Set device width and scale correctly on retina iPhone? css

Question

I have a design built at the correct width of 640px. I want to set the pixel ratio so that I can write 10px when I mean 10px of a 640px width. I don't want to try to divide every value in half. Is this possible? Something like, initial-scale=0.5, maximum-scale=0.5?

Thanks!

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 */
}