html5 - rem三星c5000失效问题

问题描述

问 题

小白问下各位大佬们，为什么我开发移动端用rem做适配，测试时，其他测试机都是好好的，就是三星c5000的机型不行；哦，我用浏览器和微信打开都是好的，就是在app打开不行；安卓开发说是我这边的问题；求教各位大佬们怎么解决啊！！！那机型还是我们boss的机型 /汗，，

解决方案

rem适配的代码贴出来看看，布局不行是怎么个不行法？跟正常的布局有什么不同？
你可以尝试着用下面这个rem适配的函数
注意：下面这段代码适配的基准是假设页面是6.4rem，如果你假设页面是7.5rem只需要

html.style.fontSize = winW*(1/6.4)+'px';

改成

    html.style.fontSize = winW*(1/7.5)+'px';

就成,其他同理，不懂可以问我。

//初始化rem大小
function initREM() {
    window.onresize = r;
    function r(resizeNum){
        var winW = window.innerWidth,
            html = document.getElementsByTagName('html')[0];
        html.style.fontSize = winW*(1/6.4)+'px';
        //修复小米等小字体出现的布局bug
        var fontSize = parseFloat(html.style.fontSize),
            computeFontSize = parseFloat(window.getComputedStyle(html).fontSize);
        if (fontSize !== computeFontSize) {
            html.style.fontSize = fontSize * fontSize / computeFontSize+'px';
        }
    }
    r();
}

这篇关于html5 - rem三星c5000失效问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！