判断横竖屏的三种方式：

参考 ：判断横屏竖屏方式（三种）

其中css方式亲测有效：

CSS中通过媒体查询的方法来判断：

 1  
 2 @media (orientation: portrait ){
 3  
 4 //竖屏CSS
 5  
 6 }
 7  
 8 @media ( orientation: landscape ){
 9  
10 //横屏CSS
11  }