使用iPhone时，网站上会出现水平滚动

Question

我的网站http://dsmedvednikov2.zzz.com.ua/的移动版本存在问题。无论是使用Safari还是谷歌Chrome浏览器，使用iPhone或iPad时都会出现水平滚动。在Android设备上一切正常。有人可以给我一个建议吗？

Answer 1

您可以通过添加此元标记来限制用户停止缩放/捏合您的网站：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

或者如果它是一个非常微小的x滚动效果，你可以使用以下小黑客：

body    {
    overflow: hidden;
    overflow-y: auto;
    }

它将停止任何水平滚动效果。

Answer 2

好像页面css正在制造这个烂摊子。甚至在Mac上的safari中也遇到了同样的问题。请确保你的CSS。

据我所知，我浏览了您网页的{CSS}属性

导致问题。如果你使用％而不是＆＃39; px＆＃39;会更好。将解决您的问题。

谢谢！ 保持编码。

Answer 3

如果使用固定宽度，则可能会导致问题。使用**

  

宽度：100％

**