css样式px, em, rem, vw, vh, vmin, vmax的含义

2022年7 月28日 / 网站源码 / 没有评论 / 2,380次

vw 相对于视窗的宽度:视窗宽度被平均分为100vw,即width:1vw相当于width:1%,此1%不是父元素的1%而是视窗的1%。

vh 相对于视窗的高度:视窗高度被平均分为100vh。

vmin vw和vh中较小的那个被均分为100单位的vmin,应用场景举例:用于移动设备横屏竖屏的显示时。(强烈建议移动设备的用vmin单位)

vmax vw和vh中较大的那个被均分为100单位的vmax。

注意,“视区”所指为浏览器内部的可视区域大小,即window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小。

px:相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

rem:相对长度单位。r’是“root”的缩写,相对于根元素<html>的字体大小。

em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。