WebGL |
您所在的位置:网站首页 › 横屏竖屏怎么区分 › WebGL |
1,写在一个CSS中 /* 竖屏模式 */ @media screen and (orientation: portrait){ /* 主按钮 */ .PageBut1N { width: 10%; height: 8%; top: 90%; left: 38%; } } /* 横屏模式 */ @media screen and (orientation: landscape) { /* 主按钮 */ .PageBut1N { width: 10%; height: 8%; top: 90%; left: 42%; /* background-color: red; */ } }
2,写在不同CSS中 竖屏 [html] [/html] 横屏 [html] [/html]
3,JS判断 //判断手机横竖屏状态: window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() { if (window.orientation === 180 || window.orientation === 0) { alert(‘竖屏状态!’); } if (window.orientation === 90 || window.orientation === -90 ){ alert(‘横屏状态!’); } }, false); //移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |