如何禁用iphone的html水平滚动

Question

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

顺便说一句，我已经使用了 meta 代码，并且我停止了缩放

代码： -

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

帮助我......

谢谢！

EDITED

我通过添加此代码修复了问题..

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大小，只需查看宽度并根据需要调整媒体查询。