屏幕旋转的事件和样式

//JS处理

function orientInit ( ){

var orientChk = document.documentElement.clientWidth>document.documentElement.clientHeight?'landscape':'portrait';

if(orientChk =='lapdscape'){

//这里是横屏下需要执行的事件

}else{

//这里是竖屏下需要执行的事件

             }

}

orientInit();

window.addEventListener('onorientationchange'in window?'orientationchange':'resize',function(){

setTimeout(orientInit,100);

},false)

//CSS处理

//竖屏时样式

@media alland(orientation:portrait){  }

//横屏时样式

@media alland(orientation:landscape){  }