老师,rem这个单位是怎么算的?看着代码写,但是不怎么理解

来源:2-3 Vue项目首页 - iconfont的使用和代码优化(1)

qq_永恒丿卟变_0

2020-08-20 15:16:52

rem这个单位是怎么算的?看着代码写,但是不怎么理解,他和px又有什么关系?   还有我用F12看b站那里,他的单位又变成了vw,这个又是什么东西?是不是还有很多种单位?

写回答

1回答

好帮手慕慕子

2020-08-20

同学你好,对于你的问题解答如下:

  1. rem是根据根元素的font-size属性计算的。示例:

    根元素的字体大小为20px, 那么p设置的height属性值2rem计算过后就是40px

    http://img.mukewang.com/climg/5f3e271409b6d57905860330.jpg

    效果图如下:

    http://img.mukewang.com/climg/5f3e276a09eeb50a14990858.jpg

  2. vw是viewpoint width的缩写,表示视窗宽度,1vw=视窗宽度的1%。

  3. css的单位确实有很多个,但是比较常用的就是px、rem、em这三个,其他的像同学说的这个vw简单了解下就可以了

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 10739 问题

查看课程