Google 移动可用性 > 内容比屏幕宽

Google Mobile Usability > Content wider than screen

无法修复错误 Google 移动可用性 > Google Search Console 中的内容比屏幕宽。我尝试了 DevTools 的 chrome 移动布局模拟器,将宽度设置为 320px,但没有出现水平滚动条。因此,在模拟器中一切看起来都很好,但 google 会引发错误。然后,我添加到 css:

@media screen {
  html, body {
    width:      100%; 
    overflow-x: hidden;
  }...

但是没有效果,错误仍然存​​在。

测试直播 URL 工具未显示任何错误,所有页面均适合移动设备。

知道如何解决这个问题吗?我确定这是 google 错误,但如何避免它?

签入真实设备而不是模拟器。删除每一段并反复检查,你就会明白是哪一段引起了水平滚动

我已经从 类 中删除了所有 "position: absolute",绝对元素是否适合小屏幕并不重要。但是 类 被分配给隐藏内容,适合最小的智能手机屏幕,而且大多数都没有连接到任何页面元素,因为元素受密码保护。

我找到了一种更快呈现页面的方法,点击后不会等待很长时间 "request indexing"。首先创建新页面,使用站点模板和 css,页面上的文本应该是唯一的(Lorem Ipsum Generator 帮助实现)。其次,再创建一个只有一个 url 指向新文件的站点地图文件,提交它,您将在 5 分钟内抓取并索引页面。这在搜索模板或 css.

中的错误时很有帮助

编辑: 由于删除绝对位置破坏了 UI 设计,我将其设置为 javascript。