解决有些浏览器rem不以html的font

2024-07-03 12:09| 来源: 网络整理| 查看: 265

解决有些浏览器rem不以html的font-size为基准问题

文章目录解决有些浏览器rem不以html的font-size为基准问题问题原因：解决办法：有关rem以及其他长度单位（px，em，vw…）请移步：通俗易懂——css长度单位：px、em、rem、vh、vw、in、…

问题原因：

各大浏览器的最小字体限制不同：

google为6pxfirefox、Edge、IE（5 7 8 9 10）Safari为0pxOpera、搜狗浏览器、360浏览器、为12px等

有关更多浏览器最小字体与默认字体信息请移步：各大浏览器的最小字体与默认字体

如果低于html的font-size值低于12px，那么在页面中使用rem时，用搜狗浏览器、360浏览器（Opera除外）等浏览器打开时，浏览器会默认html的font-size：12px，就会导致浏览器兼容性问题。

举个例子：

html { font-size: 10px; }

在google、forefox等浏览器中1rem = 10px 但在搜狗浏览器、360浏览器等浏览器中1rem = 12px（因为浏览器最小字体就是12px）

解决办法：

使用rem为单位时，html的font-size最小值不要低于12px

【本文地址】

今日新闻