区分移动设备不同分辨率和横竖屏

根据css3判断设备横竖屏：

/*竖屏*/
@media screen and (orientation:portrait) {
    div {
        background-color:red;
    }
}


/*横屏*/
@media screen and (orientation:landscape) {
    div {
        background-color:blue;
    }
}

根据css3不同分辨率引入不同样式：

@media screen and (min-width:480px) and (max-width:567px){

    code引用的所有样式

}