使960px宽的网站适合移动设备

Question

我正在更新网站，以使其符合Google移动友好性要求。该网站的设计固定宽度为960像素，因此如果我将视口设置为width=960, initial-scale=1 然后Mobile Friendly Checker extension报告以下问题：

得分：61

• Viewport配置10
• 字体易读性40
• 链接的大小和接近18

如果我将视口设置为width=device-width, initial-scale=1，那么网站会在视口之外流动，我会收到以下错误：

得分：64

• 内容到Viewport 50
• 链接的大小和接近度7

为了让Google验证移动设备友好，我需要沿着width=device-width, initial-scale=1路线向下更新相应的风格吗？还有其他解决方法吗？

Answer 1

如果您尝试欺骗 Google以获得排名，那么您应该准备好由Google为其“惩罚”。这将很快变得与反向链接问题相同，因为狡猾的做法，网站完全退出了排名。所以，不要这样做！

也许你的临时解决方案应该包括为你的css添加新的类来重塑[/ hack]从视口区域出来的东西，例如。

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