在移动设备上

有问题的网站触摸屏幕时，所有的网页标记：Dentrist.com 在移动设备上

下面的视频可以解释这一切： https://drive.google.com/file/d/0B3I1u2C6pdwmb3lMQ0lkbkZoRGc/view?usp=sharing 同样的结果出现在Android和苹果设备。

我试图解决它，找到导致这个问题的div，至少这是我相信的。认为这是一个CSS问题。但现在我认为它是由我在网站上使用的新聚合物（网络组件）引起的。使用调试我发现当指向标签/元素“body”或“html”时，它会标记所有的屏幕。需要注意的一件事是，选择任何链接或文本都是完美的，因为某些原因整个页面标记出现问题。我不知道如何用其他方式解释它。

请帮忙！谢谢。

来源

2015-04-22 MyUserInStackOverflow

我检查了源，你为什么有一个ID和一个同名的类？ –

嗨，谢谢你的回复。我检查了类似的CSS和ID，但它与问题无关（我将它们全部删除，问题仍然存在）。我试图删除所有的CSS和所有的Javascript，但没有运气。我检查了标题标记中的每个部分，逐行删除，但仍似乎没有解决问题。相同的身体标签... 我只是不知道是什么问题！我想不明白。如果你可以指导我一种方法来检测是什么导致这种影响。提前致谢。 – MyUserInStackOverflow

我注意到的一件事是，当我删除“wp_head（）;”它解决了这个问题，但是页面被拆开了。任何想法？！ – MyUserInStackOverflow

我终于发现了这个问题。这是由浏览器在按下按钮或链接时实现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); 
}

来源：

来源

2015-05-29 09:27:37 MyUserInStackOverflow