例如,考虑到 chrome 的根元素默认定义为 16,使用 Segoe UI 加载页面时,1 rem 将是基于 Segoe body 的 16px 大小吗?如果提供的字体是其他字体(例如 Inter UI)怎么办?或者是快速眼动 它实际上是 16 像素,无论是哪种字体、操作系统或浏览器?我截图了bootstrap 4页https://getbootstrap.com/docs/4.0/content/reboot/并测量了定义为 1em 的字体,我知道它正在加载 Segoe UI,我想出了 16pixels
最佳答案
rem 单元设置相对于浏览器基本字体大小的字体大小,并且不会从其父级继承。
供引用https://www.w3schools.com/cssref/css_units.asp和 https://www.w3schools.com/cssref/tryit.asp?filename=trycss_unit_rem
关于css - REM 是根据默认浏览器/操作系统字体、自定义服务字体或实际固定像素的默认字体大小呈现的吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50517779/