我正在为 iphone 编写一个网站。我们的设计师将尺寸为 320 x 480 的图像传给我,因此我也根据该尺寸对网页进行编码。然而,当我在我的 iPhone 中预览时,该网站看起来很小。如何解决这个问题?
我的容器大小是 320px。
谢谢。
最佳答案
尝试将以下元元素添加到标题中:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
然后将容器宽度设置为 100%。 Safari 最初支持此标签,但现在许多其他移动浏览器都支持它。
请记住,如果用户将他们的设备旋转到横向视角,则宽度将为 480 像素。如果您想让用户将设备保持在纵向模式,您可以将设备宽度设置更改为 320。
关于iphone - 为iphone设计网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4966095/