Fixed width div too wide on ipad

I am trying to optimize one of my pages for an iPad. You can see my test page here: http://demo.dennismadsen.com/ipad/

It contains a black box 800 pixels wide. When I see this on my iPad and shoot the screens, I see that the box is larger when the width of 800 pixels is about 837 pixels: http://demo.dennismadsen.com/ipad/screenshot.png

I wonder why this is happening?

+5
source share
2 answers

Regardless of the actual width of your site and its elements, iOS devices will try to scale your content for optimal viewing.

, HTML-:

<meta name="viewport" content="initial-scale=1.0;">
+9

<meta> -tag <title> -tag,

:

<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet">

<link media="screen and (min-device-width: 481px)" href="not-small-device.css" type="text/css" rel="stylesheet">
0

All Articles