分 享

【凤凰社原创】H5移动端适配需要注意的一点

今天给公司的一个web项目做手机端适配,因为本身做的时候就是用的bootstrap做的所以没啥好弄的,微调,但是发现一样的css有的页面就是不适配,下意识看了看meta标签才发现少写了东西。

贴出来省的下次遇到又不知道什么情况~

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">


顺手贴一个之前在网上看到的自适应的js方法,我只能说,这个很强

<script>
    (function (doc, win) {
        var docEl = doc.documentElement;
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
        recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            docEl.style.fontSize = 50 * (clientWidth / 375) + 'px';
        };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    }(document,window));

</script>


转载请注明出处!

有不明白的可以在本帖下方评论,我会及时回复





0 评论

回复