搜索历史

{{ i+1 }}{{ v }}

搜索推荐

{{ i+1 }}{{ v }}

"常用的CSS单位及简单描述？"

转载翻译原创

问答题 · 前端 · css · @{ formatTime(detail.create_time) }

常用的CSS单位及简单描述？

px 像素绝对单位，页面按精确像素展示
pt 点（point）大约1/72寸
% 百分比
em
相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
rem 相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。
vw viewport width视口宽度 1vw等于视窗宽度的1%
vh viewport height视口高度 1vh等于视窗高度的1%
vmin viewport 宽度/高度较小的那个
vmax viewport 宽度/高度较大的那个
ch，1ch等于一个 0 的宽度
in，绝对长度单位（1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px）

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: 清楚浮动的方式有哪些？; 什么是BFC和IFC？; line-height属性值带单位与不带单位的区别？; flex对齐方式有哪些？; 1rem、1em、1vh、1px各自代表的含义？; 物理像素和逻辑像素区别？; border: none与 border: 0的区别？; 为什么calc计算要加空格？

回顶部