视口iphone4/4s和媒体查询

Question

我有一个网站，我创建了一个宽度为480px的分辨率的媒体查询。 iPhone 4正确地选择了这个版本，但由于某种原因，它悬浮在页面上，它没有使用宽度为640px的iPhone 4的实际分辨率，其宽度为320px。 （我读过它为了向后兼容与iPhone 3开发的应用程序）

有没有办法使用视口或媒体查询来纠正？非常感谢戴夫

这是我目前的检视：

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=5.0; minimum-scale=0.5; target-densityDpi=device-dpi" /> 

媒体查询

@media only screen and (max-width: 480px) { 
} 

Answer 1

视区元 “目标densitydpi =设备DPI” 目前仅适用于Android平台。就目前而言，iOS没有相应的功能。

您可以使用双像素密度媒体查询瞄准iPhone一样

@media screen and (-webkit-device-pixel-ratio: 2) {} 

，然后在CSS比例都记录下来实现类似的东西。

如果你使用％和EM的方式来扩展网站上的所有内容，那么从长远来看可能会为你节省很多工作。