谷歌/ iPhone输出不同，iphone有很多空白区域

Question

Viewport似乎没有正确地在我的手机上工作，我不确定为什么它开始缩小，沿着右侧的一堆空白区域屏幕（但在Google模拟器上按预期显示）。

<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1" />

Iphone输出

Google Iphone

网站地址 - http://foodmachineryaustralasia.co.nz/

Answer 1

尝试将以下内容添加到CSS：

html, body {
  height: 100%;
  overflow-x: hidden;
}

Answer 2

尝试这个

<meta name="viewport" content="width=device-width, initial-scale=1.0">