[分享]css3支持的单位

CSS3中新增了很多新的单位，这些新的单位可以更好地帮助开发者实现更加灵活的排版和布局。下面我们来介绍一下CSS3支持的常见单位。em：相对长度单位，相对于父元素字体大小。如果父元素字体大小为16px...

CSS3中新增了很多新的单位，这些新的单位可以更好地帮助开发者实现更加灵活的排版和布局。下面我们来介绍一下CSS3支持的常见单位。

em：相对长度单位，相对于父元素字体大小。如果父元素字体大小为16px，则1em等于16px。

rem：相对长度单位，相对于根元素字体大小。如果根元素字体大小为16px，则1rem等于16px。

vh：视口高度单位，表示相对于视口高度的百分比。如果视口高度为500px，则50vh等于250px。

vw：视口宽度单位，表示相对于视口宽度的百分比。如果视口宽度为***px，则50vw等于400px。

vmin与vmax：视口宽度和高度的最小值和最大值。如果视口宽度为***px，视口高度为600px，则50vmin等于300px，50vmax等于400px。

%

使用这些新的单位可以帮助我们更加准确地控制元素的大小和位置，而不再局限于像素或百分比这样的传统单位。