admin管理员组

文章数量:1130349

针对近日华为，小米的部分机型，在升级系统或升级微信之后，微信内置浏览器产生的rem不能正确填充满的问题，有如下解决方案

目前来看，产生这个情况的原因是因为给html附font-size时，附上的font-size和实际上html的font-size 大小并不一致

如图：

 在问题机型上展示的三个值 分别为 1.机型最终附给html的font-size大小  2.我想赋给html的font-size大小 3.二者的倍数

尝试找了多个问题机型，最终的比例都是1.25左右（1.24999），所以解决方案如下

//针对机型适配的代码就不贴了  网上随手一搜一堆 这里就针对特殊机型的处理展示一下
var docEl = doc.documentElement,
    setFontSize = function() {
       var clientWidth = document.documentElement.clientWidth,
           timer;
           if(!clientWidth) return

针对近日华为，小米的部分机型，在升级系统或升级微信之后，微信内置浏览器产生的rem不能正确填充满的问题，有如下解决方案

目前来看，产生这个情况的原因是因为给html附font-size时，附上的font-size和实际上html的font-size 大小并不一致

如图：

 在问题机型上展示的三个值 分别为 1.机型最终附给html的font-size大小  2.我想赋给html的font-size大小 3.二者的倍数

尝试找了多个问题机型，最终的比例都是1.25左右（1.24999），所以解决方案如下

//针对机型适配的代码就不贴了  网上随手一搜一堆 这里就针对特殊机型的处理展示一下
var docEl = doc.documentElement,
    setFontSize = function() {
       var clientWidth = document.documentElement.clientWidth,
           timer;
           if(!clientWidth) return

本文标签： 华为小米不适机型浏览器

版权声明：本文标题：华为，小米部分机型微信浏览器rem不适配的解决方案 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1755023571a2754498.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。