現在說一下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就可以了。