rem适配方案

最新推荐文章于 2022-07-07 11:23:39 发布

故问

最新推荐文章于 2022-07-07 11:23:39 发布

阅读量244

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_36376555/article/details/79577075

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

var rem = document.documentElement.offsetWidth/6.4*window.devicePixelRatio;
        document.getElementsByTagName("html")[0].style.fontSize = rem + "px";
        var rto = 1/window.devicePixelRatio;
        document.getElementById('vp').content = "width=device-width,initial-scale="+rto+",minimum-scale="+rto+",maximum-scale="+rto+",user-scalable=no"


$(function() {
                //横屏提示20160803
                var orientationText = '<div class="orientationText">' +
                    '<div class=""><img src="img/rotate.png" /></div>请调整到合适屏幕阅读<div>'
                if(window.orientation === 180 || window.orientation === 0) {
                    $(".orientationText").remove();
                }
                if(window.orientation === 90 || window.orientation === -90) {
                    $("body").append(orientationText);
                }
                window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
                    if(window.orientation === 180 || window.orientation === 0) {
                        $(".orientationText").remove();
                    }
                    if(window.orientation === 90 || window.orientation === -90) {
                        $("body").append(orientationText);
                    }
                }, false);

            });