如何在iPhone的HTML中禁用水平滚动

Question

实际上是在第二个站点上工作，我希望它能够在所有设备上使用，但是不幸的是，当我在Iphone上打开它时，有一个水平滚动条会导致白页，但我不希望这样做。

顺便说一句，我已经使用了元代码，并且停止了扩展

码：-

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

帮助我的家伙..

谢谢 ！ 。

。

。

已编辑

我通过添加此代码来解决问题..

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

但是现在还有另一个问题

实际上在按钮之前有一个空格..而且我不能将按钮向上移动

Answer 1

如果您可以使用CSS代替HTML：

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

Answer 2

您可以在CSS中编写媒体查询。 根据您要查找的iPhone大小。

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {overflow-x:hidden;}

如果您正在寻找其他尺寸的iPhone，只需在该处查找宽度并根据需要调整媒体查询即可。