流浪のwolf

卷帝

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

px 、em、rem 的选取依据

1. px 像素(Pixel)。绝对单位。像素px是相对于显示器屏幕分辨率而言的,是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果 px要换算成物理长度,需要

指定精度 DPI。

2. em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸它会继承父级元素的字体大小,因

此并不是一个固定的值。

3. rem是 CSS3新增的一个相对单位(root em,根em),使用 rem 为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。

4. 区别:IE无法调整那些使用 px作为单位的字体大小,而em 和rem可以缩放,rem相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既

可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。目前,除了 IE8及更早版本外,所有浏览器均已支持rem。

My Word:em 是相对于父级元素设定大小的 , eg:父级元素的字体大小 20px ,则 1 em = 20px;rem (root em )是相对于根元素html 设置大小的,html的字体大小 16px 则1rem= 16px;

posted on   朱龙旭的网络  阅读(117)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· Blazor Hybrid适配到HarmonyOS系统
· 支付宝 IoT 设备入门宝典(下)设备经营篇
· 万字调研——AI生成内容检测
· 解决跨域问题的这6种方案,真香!
· 一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库
点击右上角即可分享
微信分享提示