一：长度单位包括
1.相对长度单位包括：em, ex, ch, rem, vw, vh, vmax, vmin %
2.绝对长度单位包括：in,cm, mm, q, pt, pc, px
1.相对长度单位:
em：相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
ex：相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸
ch:数字“0”的宽度
rem:相对于根元素(即html元素)font-size计算值的倍数
vw:相对于视口的宽度。视口被均分为100单位的vw （1vw 等于视口宽度的1%）
(
当前浏览器宽度: 1500px
设计稿宽度：750px
html_font-size:100*100/750vw 10000/设计稿宽度 vw
即： html{
font-size:13.333vw;
}
)
vh:相对于视口的高度。视口被均分为100单位的vh （ 1vh 等于视口高度的1%）
vmax:相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax
vmin:相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmax
注意：视口单位区别于%单位，视口单位是依赖于视口的尺寸，根据视口尺寸的百分比来定义的；而%单位则是依赖于元素的祖先元素。
2.绝对长度单位：
in：英寸（Inch），绝对长度单位
cm：厘米（Centimeter），绝对长度单位。
mm：毫米（Millimeter），绝对长度单位。
q: 1/4毫米
pt：点（Point），绝对长度单位。
pc：派卡（Pica），绝对长度单位。相当于我国新四号铅字的尺寸。
px：像素（Pixel）,相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
换算比例:
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
友情链接:
Copyright © 2022 卡塔尔世界杯排名_98世界杯决赛 - dylfjc.com All Rights Reserved.