css - 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 墙文中的 javascript 解决方案。