首页
题库
面试
求职
学习
竞赛
More+
所有博客
搜索面经/职位/试题/公司
搜索
我要招人
去企业版
登录 / 注册
首页
>
试题广场
>
请列举几种除了px外的CSS度量单位并解释其含义。
[问答题]
请列举几种除了px外的CSS度量单位并解释其含义。
添加笔记
求解答(0)
邀请回答
收藏(48)
分享
纠错
10个回答
添加回答
5
一咕叽i
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)
2
查漏补缺.jpg
em:以父元素为基础。
rem:相对于根字体大小的单位,可以根据设计稿用js动态设置大小。
vw,vh:视口单位,针对当前页面的可视范围进行100等分的划分。
发表于 2020-02-15 16:47:42
回复(0)
2
牛客739272693号
em, 以父元素为基准
rem:以根目录元素为基准
vw,宽度100%就是100vw
wh,高度100%就是100vh
发表于 2020-02-13 21:58:31
回复(0)
1
小伙在努力
em:
相对长度单位,相对于当前对象内文本的字体尺寸, 根据父元素的大小变化而变化
rem: 相对长度单位,相对于跟元素( 即 html 元素)font-size 的倍数, 不会被它的父元素影响
vw: 相对于视口的宽度, 视口被均分为 100 单位的vw,类似百分比 1vm宽度等价于视图宽度的1%;
vh: 相对于视口的宽度, 视口被均分为 100 单位的vh,
类似百分比
1vh高度
等价于视图高度的
1%;
发表于 2021-09-15 17:08:51
回复(0)
0
一梦红尘
rem 相对于根字体大小的长度
em 相对于当前元素字体大小的长度
vm 视窗宽度,1vm=1%
视窗
宽度
vh 视窗高度,1vh=1%
视窗
高度
发表于 2021-07-11 17:30:02
回复(0)
0
牛客755507463号
em:相对于应用在当前元素的字体尺寸,1em=16px
rem:相对于根元素的字体大小
vw/vh视口单位,1vw=视窗宽度的1% 1vh=视窗高度的1%
发表于 2021-03-12 19:27:09
回复(0)
0
牛客694924315号
1. em 相对于父元素字体大小的单位,默认的font-size : 16px,则2em = 32px;
2.rem 相对于根字体大小的单位,比如可以设置 1rem= 50px;
3. vm vh 视口单位,1vm 相当于当前可视窗口的宽度的百分之一。
发表于 2021-02-24 14:29:27
回复(0)
0
林迦叶
rpx微信小程序解决自适应屏幕尺寸的尺寸单位
em相对于父元素font-size
rem相对于根元素font-size
vw可视窗口宽度
vh可视窗口高度
发表于 2020-07-03 23:23:27
回复(0)
0
彪老叔
rem 相对于html根节点的字体大小,1rem等于html里font-size的大小;
em 与rem相似,不过是相对于父元素的字体大小;
vh 和 vw 表示屏幕大小单位
发表于 2020-03-14 19:27:49
回复(0)
0
踏实的芭乐在吵架
em : 相对长度单位。相当于当前对象内文本的字体尺寸。
ex : 相对长度单位。相对于字符"x"的高度。此高度通常为字体尺寸的一半。
pt : 绝对长度单位。点(point)。
pc : 绝对长度单位。派卡(Pica)。
in : 绝对长度单位。英寸(Inch).
cm : 绝对长度单位。厘米(Centimeter)。
发表于 2020-02-20 20:00:59
回复(0)
这道题你会答吗?花几分钟告诉大家答案吧!
提交观点
问题信息
前端工程师
金山WPS
2020
来自:
金山办公2020校招前...
上传者:
小小
难度:
10条回答
48收藏
2664浏览
热门推荐
相关试题
看图回答
判断推理
2020
人力资源
安永
审计
税务服务
风险管理
管理咨询
行政管理
评论
(2)
来自
职能类模拟题2
Seriali...
安卓工程师
金山WPS
2020
评论
(1)
来自
金山办公2020校招An...
看图回答
判断推理
2020
人力资源
安永
审计
税务服务
风险管理
管理咨询
行政管理
评论
(3)
来自
职能类模拟题2
网页中接收事件的顺序(事件流)有哪...
前端工程师
金山WPS
2020
评论
(6)
来自
金山办公2020校招前端...
请列举几个HTML5语义化标签,并...
前端工程师
金山WPS
2020
评论
(12)
来自
金山办公2020校招前端...
扫描二维码,关注牛客网
意见反馈
下载牛客APP,随时随地刷题