网站可在 Ipad 上水平拖动 - （无水平滚动条可见）答案

【问题标题】：Website Drag-able Horizontally on Ipad - (No Horizontal Scroll Bar Visible)网站可在 Ipad 上水平拖动 - （无水平滚动条可见）
【发布时间】：2017-05-21 23:07:29
【问题描述】：

在 ipad 上使用 safari 时，网站加载，用户可以左右拖动网站，最终显示米色背景（即使没有可见的水平滚动条）下面的视频显示了问题。

Video Showing the Issue

我已将此添加到 wordpress header.php 文件中，但仍然相同；

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>

【问题讨论】：

标签： php css wordpress ipad safari

【解决方案1】：

这是一项 Safari 功能，指示可滚动页面的结束。您可以通过设置最低级别容器的背景颜色来更改该颜色，最有可能是 body 标签

【讨论】：

那么你的意思是，只有在使用 ipad 时，在 Safari 上查看的每个网站都可以这样做？
不仅是 iPad，Mac 也是如此。 IDK 关于 iPhone safari 和 windows 版本的 safari。但它也应该与 iPhone 相同，因为它是 iOS

【解决方案2】：

网站标题内的第三列 div 向右溢出主体，所以即使；水平滚动条不可见（使用溢出禁用：隐藏和视口元）它仍然允许用户在 iPad 上查看时左右水平拖动能力（仅限 ipad）。

使用 chrome 检查器并将边框设置为：solid 3px;有助于找到溢出区域。

【讨论】：