html - 使用媒体查询的最小宽度 em

标签 html css

我正在学习如何使用 EM 处理 CSS。 (我习惯了一直用px)

我看到了下面的媒体查询

@media screen and (min-width: 50em){

}

我只是想知道 50em 与什么有关?

当我阅读有关 EM 的内容时,它指定 Em 是相对于元素的字体大小(2em 表示当前字体大小的 2 倍)

但是有了 min-width 就没有字体大小了??我在这里有点困惑.. 任何帮助将不胜感激。

最佳答案

在这种情况下,50em 引用基本字体大小,即(对于大多数浏览器)16px。它可以由用户在浏览器中预定义的首选项进行配置。

有些浏览器会将根 html 元素(rem 所基于的)设置为 16px 或基本字体的百分比尺寸如上定义。

关于html - 使用媒体查询的最小宽度 em,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37449637/

相关文章:

jquery - 浏览器兼容性问题

javascript - 选择更改下拉选项时的特定表单

javascript - 如何在链接点击上播放 mp3

jquery - 适用于所有屏幕尺寸的 HTML 前端

jQuery/数据表 : how to change pagination color

css - 需要 Bootstrap 输入字段背景图像为 "full bleed",无边框

html - 如何使子菜单保持在顶部?

javascript - 站点如何立即检测到 javascript 已被禁用?

html - 在 css 中显示完整图像

css - Bootstrap col-md-4 h2 不以移动设备为中心