css中的单位

在写css样式时长度单位有很多。常用不常用的都了解下。

分两类:绝对单位、相对单位。

绝对单位:不会因其它元素尺寸变化而变化。

px: 像素,计算机屏幕上的一个点。

pt: point

pc: pica

in: 寸 1in = 96px = 72pt = 6pc = 2.54cm

cm、mm、q不常用

相对单位:会根据某元素的尺寸相对变化。

rem:相对于html标签的字体的大小

em:相对于父元素的字体的大小

%:相对于父元素的宽度或者字体的大小

vw:1vw == 1%视口(浏览器可视区域)的宽度

vh:1vh == 1%视口(浏览器可视区域)的高度

vmin/vmax:1%视口宽度和高度中较小/较大的尺寸。

一个简单的总结。

猜你喜欢

转载自www.cnblogs.com/xguoz/p/8965169.html