判断横屏竖屏（三种）

　　 //引用竖屏的CSS
　　 //引用横屏的CSS

@media (orientation: portrait ){
 //竖屏CSS 
}
@media ( orientation: landscape ){
 //横屏CSS 
}

window.addEventListener("onorientationchange" in window &＃63; orientationchange" : "resize", function() {
  if (window.orientation === 180 || window.orientation === 0) { 
   alert('竖屏状态！');
  } 
  if (window.orientation === 90 || window.orientation === -90 ){ 
   alert('横屏状态！');
  } 
 }, false);