移动端适配

作者: Dream_whs | 来源:发表于2017-12-28 17:08 被阅读0次
记录一下目前自己在用是一些适配代码!
        function setResize() {
          var devieWidth = Math.min(750, document.documentElement.clientWidth);
            document.documentElement.style.fontSize = devieWidth / 7.5 + 'px';
        }
        setResize()
        window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function(e) {
            setTimeout(function() {
                setResize();
            }, 200)
        }, false);
移动端盒子布满全屏(老大给介绍的布局方法)
    position: fixed / absolute;
    top: 0;
    right: 0;
    left:0;
    bottom: 0;
接下来记录自己遇到的坑

之前一段时间做移动端项目,手贱在写js的时候用了一些ES6的东西。 当时测试页面的时候,用的安卓手机,一时间也没发现什么毛病,但是悲剧就在不经意间开始酝酿了! ios手机测试的时候,竟然连事件都没了,这特么都快要上线了,出这幺蛾子,不是要老命吗!
于是一段一段是排查问题,报错哪一行就注释哪一行。但是不行,alert(1) 都弹不出来,找了同事,自己也各种研究! 最后发现,尼玛竟然是ES6,把相关ES6 的代码都注释了,ios立马就好了!

相关文章

网友评论

    本文标题:移动端适配

    本文链接:https://www.haomeiwen.com/subject/zptluxtx.html