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

龙哥 2022年7月28日18:00:23
评论
86 414字阅读1分22秒

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:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
css样式px, em, rem, vw, vh, vmin, vmax的含义

  • 本文由 发表于 2022年7月28日18:00:23
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息