admin管理员组

文章数量:1530285

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

文章目录

    • 解决有些浏览器rem不以html的font-size为基准问题
      • 问题原因：
      • 解决办法：

有关rem以及其他长度单位（px，em，vw…）请移步：
通俗易懂——css长度单位：px、em、rem、vh、vw、in、…

问题原因：

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

  • google为6px
  • firefox、Edge、IE（5 7 8 9 10）
  • Safari为0px
  • Opera、搜狗浏览器、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

本文标签： 基准不以浏览器remhtml

版权声明：本文标题：解决有些浏览器rem不以html的font-size为基准问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1726624585a1078625.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。