iphone网站显示问题

Question

我的网站在iphone5和4s上无法正常显示。

网址为：http://www.mya.co.uk/nonsurgicaldev/index.html

当手机处于纵向视图时，内容不适合屏幕宽度，横向和纵向视图中的内容在左侧有很大的余量，在右侧没有。

我在页面上有一个表单并隐藏了原始复选框，如下所示：

:root input[type=checkbox] {
position: absolute;
left: -6em;
}

并且我认为它可能与此有关，但我删除了复选框替换css，我仍然有问题。

我已经包括：

<meta name="viewport" content="width=320" />
<script>
if (screen.width > 740) {
var mvp = document.getElementById('testViewport');
mvp.setAttribute('content','width=740');
}
</script>

在我头上的标签。

有人可以帮我解决这个问题吗？非常感谢。

Answer 1

这是iOS中的一个错误，它已被广泛记录，您可以使用<meta>标记来解决它：

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

或者使用此Webdsigner wall文章中的javascript解决方案。