1

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

我假设 iPhone 以这种方式显示网站,因为许多网站不是为了适应它的较小分辨率而设计的?我在这里缺少什么吗?我是否设置了一些东西来告诉设备以实际分辨率显示网站?

4

1 回答 1

1

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

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

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

于 2013-01-09T17:59:52.730 回答