代码区:
css:<style id="J_style">html{font-size:67.03125px;}</style>
js:
<script type="text/javascript"> !function(){function b(){ var e,b=document.getElementById("J_style"), c=document.documentElement.clientWidth||document.body.clientWidth,d=1; d=c/640,e=100*d,b.innerHTML="html{font-size:"+e+"px;}",a=d; window._z = d; } var a=0;b(),window.addEventListener("resize",b);}(); </script>
当屏幕改变的时候! 通过js自动改变html的字体大小!! 从而改子元素的rem大小!字元素width和height都是用rem表示的!从而自适应屏幕的大小