移动端适配

记录一下目前自己在用是一些适配代码!
        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立马就好了!

你可能感兴趣的:(移动端适配)