iPhone中的HTML视口

Question

请在iPhone或iTouch上查看以下网站：

http://www.imageworkz.asia/sixsenses

您会发现，该网站似乎被“分成两半”了。

我目前正在使用以下meta viewport：

<meta name="viewport" content="width=device-width;initial-scale=0.5, maximum-scale=1.0">

这似乎无法解决问题。我完全不知道该怎么做才能解决这个问题。有任何想法吗？

- AJ Naidas

---

你可以尝试使用initial-scale=1.0吗？ - Paul D. Waite

Answer 1

尝试使用这个替代方案。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

- frontendzzzguy

Answer 2

这会有所帮助

<meta name="apple-mobile-web-app-capable" content="yes" />

- Ranganadh Paramkusam

---

嗯，这让iPad和iPhone的情况变得更糟了。 - AJ Naidas

根据苹果的文档，这样做只会使Safari在网站加载时以全屏模式运行：http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html - Paul D. Waite