rem在webview中字体大小显示问题

最新推荐文章于 2021-05-26 19:12:22 发布

weixin_33796177

最新推荐文章于 2021-05-26 19:12:22 发布

阅读量444

点赞数

文章标签：移动开发

原文链接：https://my.oschina.net/livend/blog/3005616

版权

为什么80%的码农都做不了架构师？>>>

rem是相对尺寸

$(function () {
        htmlFontSize();
    });

function htmlFontSize() {
        var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
        var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
        var width = w > h ? h : w;
        width = width > 720 ? 720 : width
        var fz = ~~(width * 100000 / 36) / 100000 * 1.5
        document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz + "px";

        var realfz = ~~(+window.getComputedStyle(document.getElementsByTagName("html")[0]).fontSize.replace('px', '') * 10000) / 10000
        if (fz !== realfz) {
            document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz * (fz / realfz) + "px";
        }
    }

转载于:https://my.oschina.net/livend/blog/3005616