响应式
方法一
function getSize(){
var oHtml=document.documentElement;
var viewWidth=oHtml.clientWidth;
if(viewWidth<320){
oHtml.style.fontSize='20px';
}else if(viewWidth>640){
oHtml.style.fontSize='40px';
}else{
oHtml.style.fontSize=viewWidth/16+'px';
}
}
getSize();
window.onresize=function(){
getSize();
}
方法二
媒体查询
@media screen and (max-width:480px){
html{
font-size:1rem;
}
}