htmhtml
<div id="orientLayer">
内容内容内容内容内容
div>
<div class="mod-orient-layer">
<div class="mod-orient-layer__content">
<div class="mod-orient-layer__icon-orient">
div>
<span>为了更好的体验,请使用横屏浏览span>
div>
div>
<script>
var orientLayer = document.getElementById("orientLayer");
//判断横屏竖屏
function checkDirect() { if (document.documentElement.clientHeight >= document.documentElement.clientWidth) { return "portrait"; } else { return "landscape"; } }
//显示屏幕方向提示浮层
function orientNotice() {
var orient = checkDirect();
if (orient == "portrait") { orientLayer.style.display = "none"; }else { orientLayer.style.display = "block"; } } function init() {
orientNotice(); window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function () { setTimeout(orientNotice, 200); }) } init();
script>
0条评论