Html Javascript网站删除手机上的水平滚动条

这是一个广泛涉及本网站和其他论坛的主题。其他用户声称发布的解决方案固定了他们的水平滚动问题，但没有人为我工作。有些答案建议使用jQuery来抵消滚动问题，但在我走下这条路之前，我想获得第二个意见。Html Javascript网站删除手机上的水平滚动条

这里是我的codepen链接：

而且这并不会工作。

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

它看起来在我的笔记本还可以，但各地的幻灯片在我的iPhone。

谢谢你的时间。

之所以你的网站有一个水平滚动条是因为<p>元素具有400px一个固定的宽度，我改变了对100%一切工作正常。

这里的固定<p>造型的片段在line 36：

p { 
    padding-bottom:100px; 
    height:100px; 
    width: 100%; 
    padding-top:10px; 
}

2016-12-15 21:44:58

此外，元视口标记应该是 –

谢谢Emad。我真的很感激它，有趣的是，这样的小细节可能会导致多少麻烦，以及它是如何意识到它们的重要性。谢谢！ –

你好，

使用<meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />为了设定宽度设备宽度。

2016-12-15 20:44:01

我已经做到了。这是我现在的代码的一部分。 –

不回答只是建议

我有这个问题，意识到有对夫妻我的div默认填充。只要检查你的div的填充％可能会影响溢出问题。还拼写错误在您的CSS ...溢出 - Y：隐藏不隐藏。抱歉，我不能提供更多的帮助，运气好的话....

html{ 
    overflow-x:hidden; 
    overflow-y:hideen;} ***change for hidden***

2016-12-15 21:04:39 Andy14

回答