本文主要是介绍px, em, rem, vw, vh, vmin, vmax的含义,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
vw 相对于视窗的宽度:视窗宽度被平均分为100vw,即width:1vw相当于width:1%,此1%不是父元素的1%而是视窗的1%。
vh 相对于视窗的高度:视窗高度被平均分为100vh
vmin vw和vh中较小的那个被均分为100单位的vmin,应用场景举例:用于移动设备横屏竖屏的显示时
vmax vw和vh中较大的那个被均分为100单位的vmax
注意,“视区”所指为浏览器内部的可视区域大小,即window.innerWidth/window.innerHeight
大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小
px:相对长度单位。像素px是相对于显示器屏幕分辨率而言的
rem:相对长度单位。r’是“root”的缩写,相对于根元素<html>的字体大小
em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
这篇关于px, em, rem, vw, vh, vmin, vmax的含义的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!