移动端页面ios苹果手机voerflow-x: hidden; 无效的情况。

最近在开发项目时碰到了一个适配的问题，在开发h5手机端页面时设置voerflow-x: hidden;，安卓机正常，而苹果手机有横向滚动条，会出现白边。

安卓机：

苹果：

正常来说给body元素增加一个overflow-x： hidden；就能够解决问题了，但是苹果机确没有用。感觉苹果机看起来解析<meta name="viewport">标记的浏览器只是忽略了html、body标签上的overflow属性。

因此最好是在内部在创建一个div将整个视口内容包起来， 并将其overflow-x:hidden应用于该div上，问题就能解决。

<div style="overflow-x: hidden;">
    <div id="app"></div>
</div>