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

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

我认为iPhone会以这种方式显示网站，因为许多网站并不适应它的较小分辨率？有什么我在这里失踪？我是否设置了一些信息来告诉设备以实际分辨率显示网站？

来源

2013-01-09 user192618

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

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

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

来源

2013-01-09 17:59:52 mcrumley

谢谢，是的，我只是想出了实际。当我在4S中以更小的分辨率显示网站时（我假设为320x480）。我预料它会在4S上以640x920显示。当我明确地将viewport元标记设置为“width = 920”时，它做到了我所期望的，很奇怪。 – user192618

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

回答

相关问题