在iPhone上显示网页4/4s

Question

我有一个网页，我创建了一个宽度为480px的分辨率的媒体查询。

iphone 4正确地选择了这个版本，但由于某种原因，它悬浮在页面上，它不使用iPhone 4的实际分辨率，宽度为640px，宽度为320px。 （我读过的地方，这是为了向后兼容为iphone 3开发的应用程序）

有没有办法使用视口或媒体查询来纠正？或者有人有一个如何实现iPhone媒体查询的例子，我试过这个没有运气。

有没有办法拉伸480px媒体查询以适应iphone？

这是我目前的检视：

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

媒体查询 - 这并没有什么，并与香港专业教育学院尝试了-webkit-device-pixel-ratio: 2只有

@media screen and (max-width: 480px) and (-webkit-device-pixel-ratio: 2) {} 

Answer 1

在CSS3这个媒体查询应该检测到任何iPhone或iPod

@media only screen and (max-device-width: 480px), only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) 

我的理解是，视网膜屏幕仍然会像t嘿是正常的旧屏幕。你的行为就好像事情仍然是320px是宽度。如果你想要在纵向上占用iPhone的全部宽度，那么你会使用320px而不是640px。真的，你应该使用百分比和EMS，但不是确切的PX尺寸。

不知道这是否回答了什么，但我想你想知道为什么，如果你设置一些640像素，它会挂在边缘，而不是占据了视网膜屏幕的宽度。