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

Question

这是本网站和其他论坛上广泛涉及的主题。其他用户声称发布的解决方案修复了他们的水平滚动问题，但没有一个对我有用。一些答案建议使用jQuery来抵消滚动问题，但在我走这条路之前我想得到第二个意见。

这是我的codepen的链接：

http://codepen.io/dsemel/pen/WrYBye

这没有用......

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

它在我的笔记本电脑上看起来不错，但在我的iPhone上滑动。

感谢您的时间。

Answer 1

<强>你好，

使用console.log(parseInt(15.555 * 100, 10) / 100); // 15.55 no rounding console.log((15.555 * 100 | 0) / 100); // 15.55 no rounding, 32 bit only console.log((15.555).toFixed(2)); // 15.56 rounding将宽度设置为设备宽度。

Answer 2

不是答案只是建议

我有这个问题，意识到我的几个div上有默认填充。只需检查你的div上的填充％可能会影响溢出问题。还在你的CSS上拼写错误... overflow-y：隐藏了隐藏。抱歉，我无法提供帮助，祝你好运....

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

Answer 3

您的网站有一个水平滚动条的原因是因为<p>元素的固定宽度为400px我将其更改为100%并且一切正常

以下是<p>处固定line 36样式的片段：

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