💕css 有哪些单位?简单介绍

2021.7.15更新:今天看到了这一篇微信推文,详细讲解了扯些单位的具体用法和适用场景,大家可以自行收藏观看哦~💕
https://mp.weixin.qq.com/s/5ETViPtxqWCDWz4JDzMNLA

🔅css常用单位图示

👧表妹驾到

单位 含义
em 相对于父元素的字体大小,若父元素font-size为16px,那么1em就为16px
ex 相对于小写字母"x"的高度
gd 一般用在东亚字体排版上,这个与英文并无关系
rem 相对于根元素字体大小,若根元素font-size为16px,那么1rem就为16px
vw 相对于视窗的宽度:视窗宽度是100vw
vh 相对于视窗的高度:视窗高度是100vh
vmin/vmax 相对于视窗的宽度或高度,取决于哪个更小
ch 1ch的大小和字母o的宽度相等
px 相对于屏幕分辨率而不是视窗大小:通常为1个点或1/72英寸
in inch, 表英寸
cm centimeter, 表厘米
mm millimeter, 表毫米
pt 磅,1/72英寸,绝对长度单位
pc 12点活字,或1/12点,绝对长度单位
% 相对于父元素。正常情况下是通过属性定义自身或其他元素

一些引用:css的各种单位_baibaider的博客-CSDN博客