避免响应式设计中的Meta视口标记 - Google洞察分数 [英] Avoid the Meta Viewport Tag in Responsive Design - Google Insights Score

问题描述

我已将网站设计为回应式，但实际上并未使用

I have designed my site to be responsive without actually using

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

它看起来就像我想在手机上的方式。问题是，当我访问Google Insights时，它会测试我的网站是否已针对移动设备进行了优化，但它并不是。当我添加元标记时，它说我的网站是移动优化的（即使它看起来更糟糕的人类）。

It looks just the way I want it on mobile. The problem is, when I go to Google Insights, which to test if my site is mobile optimized, it says it is not. When I add the meta tag, it says my site is mobile optimized (even though it looks a lot worse to a human being).

我的问题是，可以绕过使用元视图标记仍然有Google Insights告诉我我的网站是移动优化的，因此添加了SEO的好处。

My question is, can get around using the meta viewport tag while still having Google Insights tell me my site is mobile optimized and therefore adding that SEO benefit.

推荐答案

不想将视口宽度设置为特定大小。

You don't want to be setting the viewport width to a specific size. This will make all devices view it as that set size.

将其更改为device-width，如下所示，并将其大小设置为设备宽度。

Change it to 'device-width' like below and it will size to the devices width.

<meta name="viewport" content="width=device-width,initial-scale=1" />

这篇关于避免响应式设计中的Meta视口标记 - Google洞察分数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！