网站可在Ipad上水平拖动 - (无水平滚动条可见)

时间:2017-01-07 06:00:19

标签: php css wordpress ipad safari

在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"/>

2 个答案:

答案 0 :(得分:0)

这是一个safari功能,表示可滚动页面的结束。您可以通过设置最低级别容器的背景颜色来更改该颜色,最有可能是正文标记

答案 1 :(得分:0)

第三列div,在网站标题内向右溢出身体,所以尽管如此;水平滚动条不可见(使用overflow:hidden和viewport meta禁用)在iPad(仅限ipad)上查看时,它仍然允许用户左右水平拖动。

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