HTML Viewport: Google Problems? Options

[NikM755]

Google wants me to add the viewport line to my coding to meet its mobile requirements. My website scales to the device correctly without viewport. However, i need to add the code so that google will leave me alone about mobile compatibility.

The recommended code is:
<meta name="viewport" content="width=device-width, initial-scale=1">

When i add this to my site, it causes the site to scale incorrectly. Sigh!

So instead, i used,
<meta name="viewport">

It now scales correctly.

What should i do?

[Christian J]

The recommended code is:
<meta name="viewport" content="width=device-width, initial-scale=1">

When i add this to my site, it causes the site to scale incorrectly. Sigh!

In what way does it scale incorrectly? Could you link to a sample page? In the meantime, if your site isn't responsive (fluid) to start with maybe you shouldn't use the META tag, as explained by http://blog.javierusobiaga.com/stop-using-...til-you-know-ho

So instead, i used,
<meta name="viewport">

It now scales correctly.

I don't think the above will have any effect without the CONTENT attribute (I don't know if there's any default value for the CONTENT attribute, and since META VIEWPORT is a non-standard HTML element maybe the default value would differ between browsers anyway).

Note that you don't have to do what Google wants, Google is just an advertizing company that wants its ads to stay visible on web pages. That said, mobile-friendliness might have a small impact on Google's search results, but hopefully Googles makes a more thorough analysis than just checking if pages contain the above META tag. See also
http://googlewebmastercentral.blogspot.com...ndly-pages.html
https://www.google.com/webmasters/tools/mobile-friendly/

[Deshaireddy]

Use the below tags and check it once

1.<meta charset="utf-8" />

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