为什么100％的宽度/高度在iPhone上不起作用？

Question

If you have the chance to enter to http://toniweb.us/gm in your phone you will see that the dimensions are...wrong.

Acording to the css:

html, body{
    position:relative;
    height:100%;
    width:100%;
    overflow-y:hidden;
}

It should be using the whole of it.

And, I added:

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

But I am not so sure what this affects.

In addition, the website is optimized to >= 1024 pixels. Is there a way to adapt iPhone to this? Perhaps by scaling somehow?

Any hint would be very helpful.

Answer 1

Tried:

html, body{
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: hidden;
}

I guess that above code will do the job ;) And I think your goal was to see only the grey sidebar on the iphone right?