谷歌站长工具提示[可点击元素之间的距离太近]的解决方法

谷歌官方解释:

可点击元素之间的距离太近

此报告会列出存在下述问题的网址：相应网站上的触控元素（如按钮和导航链接）间距过小，导致移动设备用户在用手指点按所需元素时通常会按到相邻的元素。要修正此类错误，请务必为按钮和导航链接设置适合移动设备访问者使用的大小和间距。

原因:

网页上的元素（如按钮和导航链接）间距过小，导致移动设备用户在用手指点按所需元素时通常会按到相邻的元素。这个问题可以使用响应式设计方法(用% em rem等)，在移动设备上增加行高即可，

解决方法:

示例代码如下：

@media screen and (max-width:640px) {

p {

line-height:150%;

}

}

建议如果谷歌站长工具里的[移动设备上的易用性]提示了[可点击元素之间的距离太近]这个问题，要尽快解决掉，如果长期不修复这些问题，网站的移动版网页就无法提供令人满意的浏览体验，那么网站页面就会在谷歌的移动搜索结果中的排名下降，导致流量的损失，因此，网站的站长赶快行动起来，立刻使用“谷歌移动设备易用性”工具来优化移动网站吧。