本文详细介绍了HTML中的长度单位，包括相对单位（em, ex, ch, rem, vw, vh, vmax, vmin 和 %）和绝对单位（in, cm, mm, q, pt, pc, px）。重点讨论了vw/vh/vmax/vmin单位的使用，并提供了视口单位与百分比单位的区别。此外，还提到了不同单位间的换算比例。"
79809806,6842315,MySQL ZIP安装教程,"['数据库', 'MySQL安装', '服务器管理', '系统配置']
一：长度单位包括
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
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
