ansaurus

Question

how to set my 'div' element full of screen(width),when iphone Change direction，it also full screen(width)

Answer 1

A:

I would do it with a combination of css and javascript (using jquery).

for the javascript

        updateOrientation : function() {
            var orientation = window.orientation;

            switch (orientation) {

                // If we're horizontal
                case 90:
                case -90:

                // Set orient to landscape
                $(body).addClass("landscape");
                break;  

                // If we're vertical
                default:

                // Set orient to portrait
                $(body).addClass("portrait");
                break;
            }

        }

for the css:

body{
    height: 240px;
}

/* Reposition on orientation change */
body.landscape{
    height: 160px;
}

This is just a basic outline, adjust it as you see fit

tzenes 2010-03-11 04:16:11

but ,div is not full screen(in width)

zjm1126 2010-03-11 04:21:34

how to catch the event of orientation event(when change).thanks

zjm1126 2010-03-11 04:31:45

window.onorientationchange = updateOrientation

tzenes 2010-03-11 04:40:08

what do you mean by not full screen in width?

tzenes 2010-03-11 05:50:38

ansaurus

tags:

views:

answers:

how to set my 'div' element full of screen(width),when iphone Change direction，it also full screen(width)

related questions