码迷,mamicode.com
首页 > 移动开发 > 详细

移动端屏幕适配——简单适配方案

时间:2019-09-21 21:33:56      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:||   res   eve   lis   func   function   rem   add   bsp   

html字体大小随屏幕大小的改变而改变,封装函数如下:

 

(function(){
    ‘use strict‘;
    
    setRemUnit();
    window.addEventListener(‘resize‘,setRemUnit);
    function setRemUnit(){
        var docEl = document.documentElement;
        var ratio = 18.75;
        var viewWidth = docEl.getBoundingClientRect().width || window.innerWidth;
        docEl.style.fontSize = viewWidth / ratio + ‘px‘;
    }
})();

 

移动端屏幕适配——简单适配方案

标签:||   res   eve   lis   func   function   rem   add   bsp   

原文地址:https://www.cnblogs.com/rickdiculous/p/11564437.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!