关于rem

关于rem

老师,rem的值是根据html的font-size决定的,视频中html的font-size:12px;为什么rem的还能自己规定1rem=20px;这样rem就是由自己随意规定了,和html的字体大小没关系了呀

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕久久 2021-01-06 17:02:30

同学你好,解答如下:

视频中html的font-size是设置成了12px,此时1rem应该是12px,不会是20px。但是html的font-size是我们自己设置的,既然能将其设置成12px,那为什么不能设置成20px呢?如果把html的font-size设置成了20px,那么1rem不就是20px了嘛。所以我们可以人为的规定html的font-size大小也就是说我们可以人为的规定1rem等于多少px。当我们规定1rem=20px的时候,只需要把html的font-size由初始的12px改成20px就行。

老师这里的规定,是抛开html的font-size已经设置成了12px这种情况下所做的。同学可以理解成老师在假设,假设html的font-size没有设置成12px,那么我们就可以人为的规定html的font-size是多少了,这样就等价于人为的规定rem是多少px。

同学再理解一下。

祝学习愉快!

好帮手慕久久 2021-01-06 10:16:48

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

1、rem是参照html的字体大小来计算的。如果html的font-size是12px,那么1rem就是12px,不会出现1rem=20px的情况。

2、之所以能够规定1rem等于多少px,是因为html的font-size是可以改变的。假如我们将html的font-size改成20px,此时1rem就等于20px了。因此老师这里说的“自己规定1rem等于多少px”实际是说我们可以人为的改变html的font-size。由于rem与html的font-size有关,所以改变了html的font-size就会改变rem。

祝学习愉快!

  • 提问者 qq_慕前端7271312 #1

    但是,视频中已经写了htmlfont-size是12px了,为什么rem还是自己规定,应该1rem=12px;呀

    2021-01-06 16:33:47
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师