可点击元素靠得太近且内容比 Google 搜索控制台中的屏幕宽答案

【问题标题】：Clickable elements too close together & Content wider than screen in Google search console可点击元素靠得太近且内容比 Google 搜索控制台中的屏幕宽
【发布时间】：2020-06-13 17:38:33
【问题描述】：

我的网站完全响应并且底部位置很好，但 Google 搜索控制台说我的网站不适合移动设备，因为以下错误：

可点击元素靠得太近内容比屏幕宽

我的网站是https://www.swayss.com

【问题讨论】：

这不是网站维护服务，请阅读How to Ask并在问题本身中创建minimal reproducible example问题

标签： php html laravel responsive

【解决方案1】：

您应该在 Chrome 上生成一份 Lighthouse 报告并进行检查。正如我从我的 Chromium 浏览器中看到的那样，它告诉我 this。除了移动兼容性之外，您的网站非常慢。在我的浏览器缓存网站数据之前，这简直令人窒息。您可以在 Lighthouse 报告中找到有关性能和other things 的其他有用数据。

绝对值

内容比屏幕宽

您可能在您的 css 文件上使用了绝对像素值，这破坏了您的内容。您可以将它们放在容器中或编辑您的 CSS 规则。

设计糟糕的用户界面（？）

可点击元素靠得太近

检查您的灯塔报告。它准确地告诉了哪些元素是有问题的。此外，“了解更多”超链接会将您重定向到有用的指南。检查那些。

祝你好运！

【讨论】：

感谢 Serdar 的帮助。但是我已经删除了所有位置：我的 CSS 中的绝对位置，但问题仍然存在。我还检查了 Lighthouse 中的移动视图，但请告诉我如何才能找到 Google Search Console 中的哪些项目太近了。为了网站性能，我也在尝试解决它。
我的意思不是“位置：绝对”规则。我的意思是像“宽度：1200px”这样的规则。这意味着您使用的是绝对值，一个非常严格的规则。也许网页不适合，或者可能更难为页面中的其他元素调整响应式样式。在 Lighthouse 中，检查 SEO 是否有您正在寻找 Google Search Console 警告的内容。它为您提供“移动友好部分”下的元素列表。此外，您的问题不符合社区准则。使用@AlonEitan 显示的链接，我希望您可以使用从 Lighthouse 报告中获得的数据发布此类问题。