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

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

2017-09-05 Danil

您是使用固定宽度可能比屏幕的宽度更大。你可以发布工作的设备和不工作的设备的尺寸？ – Milk

请向我们提供网站的代码。但到目前为止，我可以告诉你的是，一个元素正在扩大网页的宽度，因此超出了视口的宽度。要查看要执行此操作的元素，请为所有元素指定一个边框，从中可以看到哪个元素占据了该空间。 – WebsitesOntario

在我的桌面和所有Android设备上的Chrome开发者模拟器中，一切正常，所以我不认为这个问题是关于某个元素的宽度，也许是某种iOS问题。 – Danil

您可以限制用户加入这个元标记在您的网站停止变焦/捏：

：

<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; 
    }

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

2017-09-05 19:22:02

这是解决这类问题的不正确方法。最好先确定哪些元素导致网页在视口宽度之外展开，然后对其进行修改，使其在移动设备上正常运行。您正在提供一个快速的解决方法，并且这些问题会带来更大的问题。 – WebsitesOntario

，但他表示，该网站在Android设备上工作正常，所以也许不存在某些元素宽度的问题。为什么我建议元标记解决方案。每个网站都会将meta标记（width = device-width）设置为更好的响应。 –

感谢您的回答，但是此解决方案无法正常工作 – Danil

这似乎是页面CSS正在使这个烂摊子。即使在我的Mac上的Safari浏览器也会遇到同样的问题。请确保你的CSS。

就我所知的，通过我这是造成问题的页面

的CSS属性了。如果你使用％代替'px'会更好的解决你的问题。

谢谢！保持编码。

2017-09-05 19:29:06 Prakash

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

宽度：100％

2017-09-05 19:30:39

回答