网站在iPhone上缩小了

时间:2016-03-09 11:16:18

标签: css iphone viewport

我有一个网站 - 实际上有几个网站 - 在iPhone上以纵向模式查看时会向左缩小。 (当它在宽度较小的情况下或在chrome的设备模拟器中时,它不会发生在浏览器中。)

Here's one of the sites ... Here's another

这是我的视口元标记:

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

有关可能导致此问题的原因,以及如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

您可以使用overflow-x:hidden中的<body>删除水平滚动。

它是由<li>的{​​{1}}引起的。如果您删除<nav>并添加float:left,则甚至不需要display:inline中的overflow-x:hidden