iPhone以更高的屏幕分辨率显示“移动”网站

Question

我目前正在开发一个网站的“移动版”，主要针对更新的iPhone（4 +），这是我第一次这样做。我在iPhone 4S上进行测试，我的理解是该设备的屏幕分辨率为640x920（以“纵向”方向保持）。我在网站上的所有内容都在600px宽的容器中，但是当我在手机上查看它时，它似乎默认显示为“缩小”状态，因为我仍然可以看到类似1000-1200像素的内容屏幕。

我认为iPhone以这种方式显示网站，因为很多网站都不是为了适应它的较小分辨率而构建的？这里有什么我想念的吗？是否有我设置的东西告诉设备以实际分辨率显示网站？

Answer 1

您需要在html头中添加一个视口元标记。

<meta name="viewport" content="width=device-width">

告诉浏览器视口（虚拟宽度）应设置为设备宽度（物理宽度）。