css - REM 是根据默认浏览器/操作系统字体、自定义服务字体或实际固定像素的默认字体大小呈现的吗?

标签 css

例如,考虑到 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

enter image description here

enter image description here

最佳答案

rem 单元设置相对于浏览器基本字体大小的字体大小,并且不会从其父级继承。

供引用https://www.w3schools.com/cssref/css_units.asphttps://www.w3schools.com/cssref/tryit.asp?filename=trycss_unit_rem

关于css - REM 是根据默认浏览器/操作系统字体、自定义服务字体或实际固定像素的默认字体大小呈现的吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50517779/

相关文章:

html - 选择器 :nth-child without a break?

html - IE7下拉菜单问题

html - 媒体查询不工作显示 :none to display:inline

javascript - DIV 和悬停效果的问题

html - CSS id 不起作用

javascript - html/javascript/css 中的打包图像流

css - 是使用显示 :none given prominence by search engines? 隐藏的 h1 标签

css - 使用 HTML 数据属性设置 CSS 背景图像 url

html - 一侧宽于另一侧的六 Angular 形元件

html导航栏。 Logo 向左,元素向右。元素顺序相反。如何更改顺序?