iPhone显示;流动电话;更高屏幕分辨率的网站

iPhone显示;流动电话;更高屏幕分辨率的网站,iphone,html,css,mobile,web,Iphone,Html,Css,Mobile,Web,我目前正在开发一个网站的“移动版”,主要针对更流行的iPhone(4+),这是我第一次这样做。我在iPhone 4S上进行测试,据我了解,该设备的屏幕分辨率为640x920(以“纵向”方向放置时)。我在一个600px宽的容器中拥有网站上的所有内容,尽管当我在手机上查看它时,它似乎默认显示为“缩小”状态,因为我仍然可以在屏幕上看到大约1000-1200像素的内容 我假设iPhone以这种方式显示站点,因为许多站点不是为了适应更小的分辨率而构建的?这里有我遗漏的东西吗?我设置了什么来告诉设备以实际分

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


我假设iPhone以这种方式显示站点,因为许多站点不是为了适应更小的分辨率而构建的?这里有我遗漏的东西吗?我设置了什么来告诉设备以实际分辨率显示站点吗?

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

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


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

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

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


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

谢谢,是的,我刚刚算出来了。当我把它放在4S中时,它会以更小的分辨率显示站点(我假设是320x480)。我本来希望它在4S上以640x920的速度显示。当我显式地将viewport meta标记设置为“width=920”时,它实现了我所期望的,奇怪的。谢谢,是的,我实际上已经明白了。当我把它放在4S中时,它会以更小的分辨率显示站点(我假设是320x480)。我本来希望它在4S上以640x920的速度显示。当我显式地将viewport元标记设置为“width=920”时,它实现了我所期望的,奇怪的。