html - 使 960 像素宽的网站适合移动设备

Question

我正在更新一个网站，以便它满足 Google 移动设备友好性要求。该网站已设计为 960 像素的固定宽度，因此如果我将视口(viewport)设置为 width=960, initial-scale=1 然后 Mobile Friendly Checker extension报告以下问题:

得分:61

• 视口(viewport)配置 10
• 字体易读性 40
• 链接的大小和接近度 18

如果我将视口(viewport)设置为 width=device-width, initial-scale=1，则网站会超出视口(viewport)，我会收到以下错误:

得分:64

• 内容到视口(viewport) 50
• 链接的大小和距离 7

为了让 Google 验证移动设备友好，我是否需要沿着 width=device-width, initial-scale=1 路径并相应地更新样式？还有其他解决方法吗？

Answer 1

如果您为了您的排名而试图欺骗谷歌，那么您应该做好被谷歌“惩罚”的准备。这将很快与反向链接问题一样，在反向链接问题中，网站由于不正当的做法而完全退出排名。所以，不要这样做!

也许您的临时修复应该包括向您的 css 添加新类以 reshape [/hack] 视口(viewport)区域之外的内容，例如

@media (max-width: 767px) {
   .rightsidebar {float: none; clear: left;}
}