javascript - 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

您的网站之所以有水平滚动条是因为 <p>元素的固定宽度为 400px我已将其更改为 100%一切正常。

这是固定 <p> 的片段line 36 造型:

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