我理解的rem
查了很多资料。rem究竟是什么个单位。很多文章解释他是由根元素html决定的。和其他父元素无关
稀里糊涂的写一下我的理解。对与否请大家指教
浏览器默认的字体大小都是16px;所以1rem = 16px; 如何说计算简便的话1rem = 10px是怎么计算呢？ 16/100 = 10/x ，那么x = 62.5%;
所以font-size:62.5%;这样1rem = 10px;如此说来如果说定义边距margin:20px; 的话。margin:20px/10px = 2rem;
如果真的用到项目中。肯定要配合js这样才完美
onresize();意思是屏幕改变就调用这个函数
window.onload = function(){
var html = document.documentElement;
var screen= html.clientWidth;
function onload(){
if(screen <= 320){
html.style.fontSize = '51.2px';
}else if(screen >= 640){
html.style.fontSize = '102.4px';
}else{
html.style.fontSize=0.16*screen+'px';
}
}
onload()
window.onresize = function(){
onload()
}
}