用rem布局和用百分比布局使html自适应方案

编程综合

技术

20关注

编程技术记录、分享，记录你的编程生活点点滴滴！

用rem布局和用百分比布局使html自适应方案

在一些情况下做网页自适应的时候可能会用得上：

<script>
    var docEl = document.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
    var clientWidth = docEl.clientWidth;
    docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
    window.addEventListener(resizeEvt, function() { clientWidth = docEl.clientWidth;docEl.style.fontSize = 10 * (clientWidth / 320) + 'px'; }, false);
</script>