CSS的几个长度单位

CSS的几个长度单位

 

em

相对长度单位。其相对于当前对象内文本的字体尺寸,默认为浏览器的默认字体尺寸。

em会继承父级元素的字体大小

 

rem

root em,简写rem,类似于em,但只相对于根元素(html),可以简单的通过更改根元素大小,从而调整所有字体大小。

 

vw vh vim vmax

vw(Viewport Width)
vh(Viewport Height)
基于视图窗口的单位,是css3的一部分,基于视图窗口的单位,除了vw、vh还有vmin、vmax。

  • vw:1vw 等于视口宽度的1%
  • Vh:1vh 等于视口高度的1%
  • vmin: 选取 vw 和 vh 中最小的那个,即在手机竖屏时,1vmin=1vw
  • vmax:选取 vw 和 vh 中最大的那个 ,即在手机竖屏时,1vmax=1vh

参考:

理解前端尺寸vw、vh、rem、em - 小可七的文章 - 知乎

posted @ 2021-11-17 17:26  RChang  阅读(137)  评论(0)    收藏  举报