在移动端中我们经常碰到横屏竖屏的问题,那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。
这里有两种方法:
一:css判断横屏竖屏
写在同一个css中
xml/html code
复制内容到剪贴板
分开写在2个css中
竖屏
xml/html code
复制内容到剪贴板
横屏
xml/html code
复制内容到剪贴板
二:js判断横屏竖屏
xml/html code
复制内容到剪贴板
//移动端的浏览器一般都支持window.orienta大化革新tion这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。
屏幕方向对应的window.orientation值:
ipad,iphone: 90 或 -90 横屏
ipad,iphone: 0 或180 竖屏
andriod:0 或180 横屏
andriod: 90 或 -90 竖屏
本文发布于:2023-04-03 04:40:26,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/da5d49c3a39b1763f438333283f5481c.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:HTML5中判断横屏竖屏的方法(移动端).doc
本文 PDF 下载地址:HTML5中判断横屏竖屏的方法(移动端).pdf
留言与评论(共有 0 条评论) |