移動端適配方案、Rem適配方法

現在說一下rem ,rem是根字號的大小。也就是<html>元素的字號大小,

em是相對於自身的字號大小。

REM適配移動端就是用js設置根字號的值,然後所有的值都用rem來設置

這個方法很方便,直接調用方法就可以。我封裝了一個給大家參考。

var setRem = {
    init: function() {
        function set() {
          document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
        }
        window.onresize = set;
        set();
    }
};
setRem.init();

我這個是按照設計稿尺寸是750px來做的,之後在寫CSS的時候所用的px尺寸除100,換成rem就行。

例如:一個div的盒子寬度是150px,你就設置成1.5rem就可以了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章