响应式

方法一

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;
　　}
}