meta name="viewport" doesn't seem to have effect

Question

I've placed this tag on my website:

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

And on Firefox and Chrome for Android the site looks like this:

While I'm expecting it to look like this:

What am I doing wrong?

I've also tried the solutions in this post, but nothing helped.

What are the device widths on those cases? – isherwood Mar 26 '14 at 14:11 — isherwood, Mar 26 '14 at 14:11

score 0 · Answer 1 · answered Mar 26 '14 at 14:12

This tells the browser to render the page at the same width as the device's screen has pixels:

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

It sounds like you'd prefer to render at some other width, like maybe 800px:

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

1 Answers1