在移动设备上触摸屏幕时标记了所有网页

时间:2015-04-22 15:39:54

标签: html css wordpress mobile polymer

有问题的网站:Dentrist.com

以下视频解释了所有内容: https://drive.google.com/file/d/0B3I1u2C6pdwmb3lMQ0lkbkZoRGc/view?usp=sharing Android和Apple设备上也会出现相同的结果。

我试图修复它并找到造成这个问题的div,至少是我所相信的。认为这是一个CSS问题。但现在我认为它是由我在网站上使用的新聚合物(网络组件)引起的。 使用Debug我发现当指向标签/元素" body"或" html"它标志着所有的屏幕。需要注意的一点是,由于某种原因,在整个页面标记之后,任何链接或文本的选择都是完美的。 我不知道如何以其他方式解释它。

请帮忙!谢谢。

2 个答案:

答案 0 :(得分:0)

这是一个Wordpress插件的问题。更新到所有插件后,问题就解决了。虽然诊断很困难。

答案 1 :(得分:0)

我终于发现了这个问题。它是由按下按钮或链接时实现css突出显示的浏览器引起的。 我使用的修复程序使用css重置为默认的浏览器操作:

*, *:before, *:after {
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

来源: