javascript用rem来做响应式开发(2)

日期：2020-05-11 栏目：程序人生 浏览：次

js

<script>
 window.onresize = window.onload = function () {
   var w = $(window).width();
   if(w<640){
     var size = 20*w/640;//640的时候
对应html的font-size为20，那么宽度为w是对应
的font-size可这么求
     $('html').css('fontSize',size+'px');
   }
 }
</script>

注意这里有一个小坑，当你把这个小demo拿到谷歌浏览器里面验证的时候，你会发现开始这3个div会随着你浏览器窗口缩小而缩小，到达某个值后就不动了，原因是谷歌浏览器默认支持html的font-size最小值为10px;在小于这个值就不会再小了，这是我当时碰到的问题花了快两个小时上网找，一遍遍演示也都没想明白，最后终于查到这么个非人为原因.

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持黑区网络。