css3 media 横屏竖屏

@media all and (orientation: landscape) {
    body {
        background-color: #ff0000;
    }
}

@media all and (orientation: portrait) {
    body {
        background-color: #00ff00;
    }
       @media all and (orientation: landscape) {
        body {
                     background-color: #ff0000;
    }
}

@media all and (orientation: portrait) {
    body {
        background-color: #00ff00;
    }