在Iphone上调整大小问题

时间:2013-05-26 15:57:52

标签: iphone html mobile-safari

我的移动网站上的Viewport标签存在一些问题。

<meta name="viewport" content="width=640">

看起来很直接吧?我已经建立了适合640px的iphone屏幕并且视口设置为640的网站。

然而,它在iphone 4或4s上显示不正确。

http://www.puffins4bicbos.co.uk/m/mobile index.html

它似乎在右侧和下方显示大量灰色背景(站点位于左侧中心)

我在上传的当前版本之前已经正确显示但是我看不出html的任何区别。

任何帮助都会非常感激,因为它让我发疯。

确定新开发。

当我直接访问网站或访问自动重定向到移动设备的移动网站的桌面版本时,移动设备的大小调整很好。

现在的问题似乎是,如果我从转发到旧域的新域www.bigburyapartments.co.uk访问该网站,则会出现调整问题。

我正在使用来自godaddy.com的域名转发,而且我没有任何高级选项供我玩。

之前有人经历过这个吗?或者知道在哪里寻找答案?

如果需要修复问题,我当然不会反对使用某些PHP / javascript设置某种启动画面。

由于

2 个答案:

答案 0 :(得分:0)

尝试this

<meta name="viewport" content="width=640, initial-scale=1">

否则,如果没有网站代码则很难调试,您的链接无效。

答案 1 :(得分:0)

只需使用“设备宽度”

读: Viewport Settings for Web Applications”