Web page 1024 wide, HTML5, but is cropped in width on Nexus 7 Chrome...

[William Donelson]

I have a Web page 1024 wide, an HTML5 page, but when I load it up, it is cropped in width to about 972 pixels on my new Nexus 7 Chrome...

I have tried settings for Accessibility and zoom, etc, but these don't help. I thought the 7 was supposed to be 1280 wide!

Help!

 

[mr_nobody]

Mobile chrome does some autozooming. You will want to look at adding a viewport meta tag to the page...

 

[William Donelson]

Mobile chrome does some autozooming. You will want to look at adding a viewport meta tag to the page...

Ah, thanks!

Do you have a link to the Android and/or Chrome meta-tags?

I currently have this for iOS:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
​

I also want to full-screen mode for HTML5 pages...

 

[mr_nobody]

Sorry, I would have thought that width=device-width and initial-scale=1.0 would have prevented the behaviour you're describing...

 

[William Donelson]

Sorry, I would have thought that width=device-width and initial-scale=1.0 would have prevented the behaviour you're describing...

Sorry, no. I have tried tons of things, but not a single one fits the entire 1024 width of my site within the 1280 pixels of the Nexus 7 in landscape orientation.

*sighs*