html横屏竖屏适配,html文字竖着显示

　　在移动终端中，我们经常会遇到横屏和竖屏的问题，那么横屏和竖屏应该如何判断或者编写不同的代码呢？

　　这里有两种方法：

　　一：CSS判断横屏竖屏

　　写在同一个CSS里。

　　XML/HTML代码将内容复制到剪贴板@ media screen and(orientation:portrait){/*垂直css*/} @ media screen and(orientation:landscape){/*水平css */}分别写在2个CSS中。

　　竖屏

　　XML/HTML代码将内容复制到剪贴板linkrel= style sheet media= alland(orientation:portrait) href= portrait . CSS 横屏

　　XML/HTML代码将内容复制到剪贴板linkrel= style sheet media= alland(orientation:landscape) href= landscape . CSS 二：JS判断横屏竖屏

　　XML/HTML代码将内容复制到剪贴板。//确定手机横竖屏状态：window . addevent listener( on orientation change in window？Orientation change: resize ，function(){ if(window . orientation==180 window . orientation==0){ alert(纵向屏幕状态！ );} if(window . orientation==90 window . orientation==-90){ alert(横向状态！ );} }，假)；//手机浏览器一般都支持window.orientation这个参数，通过这个参数可以确定手机是横屏还是竖屏状态。

　　对应于屏幕方向的Window.orientation值：

　　Ipad、iphone:90或-90横屏

　　Ipad、iphone:0或180纵向屏幕

　　andr iod:0或180横向屏幕

　　andr iod:90或-90垂直屏幕

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。