手机横屏自适应怎么写

CSS：

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

 
横屏
竖屏

JavaScript：

    //判断手机横竖屏状态：
function hengshuping(){
  if(window.orientation==180||window.orientation==0){
        alert("竖屏状态！")       
   }
if(window.orientation==90||window.orientation==-90){
        alert("横屏状态！")        
    }
 }
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);

 
//移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。
从而根据实际需求而执行相应的程序。通过添加监听事件onorientationchange，进行执行就可以了。

关于自适应，可以参考： 点击打开链接

大神在哪里呀,大神在哪里呀,大神在哪里呀.

有问题找度娘,大佬太少,问题不好解决!!!!!