Warning: "Viewport argument value "100%" for key "width" was truncated to its numeric prefix."

Question

I have this line in my .html file:

<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

And I am getting this warning in Chrome:

Viewport argument value "100%" for key "width" was truncated to its numeric prefix.

How to fix it?

Answer 1

Should this not be something like

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

BTW these:

maximum-scale=1
user-scalable=no

are generally considered as providing a poor user experience.