ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

px 、em、rem 的选取依据

2022-07-31 08:31:07  阅读:170  来源: 互联网

标签:em 字体大小 px 元素 相对 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;

标签:em,字体大小,px,元素,相对,rem
来源: https://www.cnblogs.com/zhulongxu/p/16536389.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有