首页 > 试题广场 >

请列举几种除了px外的CSS度量单位并解释其含义。

[问答题]

请列举几种除了px外的CSS度量单位并解释其含义。

1. rem 相对于根字体大小的单位,比如可以设置 1rem=50px
2. em 相对于font-size,比如font-size:16px(浏览器默认),则2em=32px
3. vm 即viewpoint width,视窗宽度,比如1vm的宽度为相对于视窗的宽度的百分之一
4. vh 即viewpoint height ,同上
编辑于 2020-03-03 11:11:45 回复(0)
em:以父元素为基础。
rem:相对于根字体大小的单位,可以根据设计稿用js动态设置大小。
vw,vh:视口单位,针对当前页面的可视范围进行100等分的划分。
发表于 2020-02-15 16:47:42 回复(0)
em, 以父元素为基准
rem:以根目录元素为基准
vw,宽度100%就是100vw
wh,高度100%就是100vh
发表于 2020-02-13 21:58:31 回复(0)
em:相对长度单位,相对于当前对象内文本的字体尺寸, 根据父元素的大小变化而变化
rem: 相对长度单位,相对于跟元素( 即 html 元素)font-size 的倍数, 不会被它的父元素影响
vw: 相对于视口的宽度, 视口被均分为 100 单位的vw,类似百分比 1vm宽度等价于视图宽度的1%;
vh: 相对于视口的宽度, 视口被均分为 100 单位的vh,类似百分比 1vh高度等价于视图高度的1%;
发表于 2021-09-15 17:08:51 回复(0)
rem   相对于根字体大小的长度
em   相对于当前元素字体大小的长度
vm 视窗宽度,1vm=1%视窗宽度
vh 视窗高度,1vh=1%视窗高度
发表于 2021-07-11 17:30:02 回复(0)
em:相对于应用在当前元素的字体尺寸,1em=16px
rem:相对于根元素的字体大小
vw/vh视口单位,1vw=视窗宽度的1% 1vh=视窗高度的1%
发表于 2021-03-12 19:27:09 回复(0)
1. em 相对于父元素字体大小的单位,默认的font-size : 16px,则2em = 32px;
2.rem 相对于根字体大小的单位,比如可以设置 1rem= 50px;
3. vm vh 视口单位,1vm 相当于当前可视窗口的宽度的百分之一。
发表于 2021-02-24 14:29:27 回复(0)
  1. rpx微信小程序解决自适应屏幕尺寸的尺寸单位
  2. em相对于父元素font-size
  3. rem相对于根元素font-size
  4. vw可视窗口宽度
  5. vh可视窗口高度
发表于 2020-07-03 23:23:27 回复(0)
rem 相对于html根节点的字体大小,1rem等于html里font-size的大小;
em 与rem相似,不过是相对于父元素的字体大小;
vh 和 vw 表示屏幕大小单位
发表于 2020-03-14 19:27:49 回复(0)
em : 相对长度单位。相当于当前对象内文本的字体尺寸。
ex : 相对长度单位。相对于字符"x"的高度。此高度通常为字体尺寸的一半。
pt : 绝对长度单位。点(point)。 
pc : 绝对长度单位。派卡(Pica)。
in : 绝对长度单位。英寸(Inch).
cm : 绝对长度单位。厘米(Centimeter)。
发表于 2020-02-20 20:00:59 回复(0)