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。
无法修复错误 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。