javascript - 使用js动态设置font-size,小米自带浏览器无效
本文介绍了javascript - 使用js动态设置font-size,小米自带浏览器无效的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
function c() {
var b = f.getBoundingClientRect().width;
b / i > 540 && (b = 540 * i);
var c = b / 10;
f.style.fontSize = c + "px", k.rem = a.rem = c
}
这里最后执行后设置的是html的font-size为36px;页面使用rem,但是在小米自带浏览器上发现页面所有元素都要比预期的小,于是我便打印了一下:
console.log(getComputedStyle(window.document.documentElement)['font-size']);//31px
console.log(window.document.documentElement.style.fontSize)//36px
发现浏览器最终使用的font-size是31不是36,但是第二行代码得到是我设置的值36px。
搞不懂啊!!在其他浏览器上是正常的,两个打印出来的都是36px
解决方案
这个可能是app在小米手机上的一个bug,我直接行内在html标签上设置font-size也不行。最后只能通过getComputedStyle(window.document.documentElement)['font-size']
来判断是不是小于32px,是就加载另一个css文件,这个css文件是根据font-size=31px来写的rem布局。就这样,问题暂时告一段落。。。
这篇关于javascript - 使用js动态设置font-size,小米自带浏览器无效的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文