我最近一直在尝试进入响应式设计。到目前为止，我遇到的唯一问题是iPad和iPhone上的视口内容。
当我将初始比例设置为 1 时，即使媒体查询设置为宽度 640px，它似乎也会使 iPhone（视网膜）上的页面大小翻倍。请注意，据我所知，媒体查询工作正常，一切都会正常调整。我可以通过双击以在每次加载页面时缩小或将初始比例设置为 0.5 来解决双重缩放问题。将其设置为0.5的问题在于，当您在iPad上查看它时，它的大小是屏幕的一半。1.0似乎在iPad上工作，但在iPad上似乎加倍（iPad和iPhone有单独的媒体查询）。
总结：iPhone 上的 Scale 1.0 使页面缩放翻倍，在 iPad 上很好。在iPhone上缩放0.5精细，在iPad上
缩放一半。有人知道我可能做错了什么吗？
谢谢
有一个针对"像素比率"的媒体查询，以便您可以定位更高分辨率的设备：
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}
另外，您是否在视口元标记中设置了width=device-width？
<meta name="viewport" content="width=device-width, initial-scale=1">