基于dataV框架的大屏项目针对QQ浏览器rem适配问题

项目场景：

公司要求做一个数据可视化大屏项目，初次接触简单写写（第一次写，可能描述的不太准确）。

---

问题描述：

今天遇到qq浏览器出现罢工问题（rem设置后尺寸偏大，导致网页放大了）谷歌，火狐。我之前的的font-size是这样设置的：

ui给的设计稿是1920*1080（为了偷懒我直接设置fontsize=10px 即：1rem=10px）

---

原因分析：

起初我以为QQ浏览器之所以不适配，是因为QQ浏览器对rem计算方法有差异，实际上是这些浏览器当根标签html字体小于12px时，按照12px绘制，即我根元素即使改成10px,元素设置10rem,被算成12*10 =120px;

---

解决方案：

你只需要讲你设置的根元素fontsize写大一些就可以了，我干脆直接放大十倍 1rem=100px;（最后，最重要的是别忘了把你之前写的基于原来fontsize就算出来的rem值 除以10就解决了）

本文地址：https://blog.csdn.net/MASK_life/article/details/110164892