这些式子得到的到底是1rem是多少px还是某个元素的高度还是其他什么东西?

这些式子得到的到底是1rem是多少px还是某个元素的高度还是其他什么东西?

http://img1.sycdn.imooc.com//climg/5e9c55530906332e03380263.jpg

http://img1.sycdn.imooc.com//climg/5e9c556109d4a96003140220.jpg

为什么感觉两个图里的式子是一样的,但是一个等于height,一个等于1rem?它们到底是不是一样的?height又是指的什么height?

正在回答

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

4回答

同学你好,关于同学的问题回答如下:

1、第一张图的1rem等于多少px是可以自己定的,我们可以选择一个方便计算的值。比如1rem=20px,一个元素的宽度是200px,那么对应的就是10rem。

2、height指的是元素高度啊,第二张图是老师为了让同学理解计算,举的例子,在375px宽的屏幕下,元素高度是50px,那在750px宽的屏幕下,元素高度就是100px,那就有了下面的公式:

http://img1.sycdn.imooc.com//climg/5e9d1b5c0970b88302620033.jpg

同学可以拿具体值套一下,假使屏幕宽度是1500px,那么对应的高度是:(1500/750)*100=200px。

3、建议同学认真听课程呢,这些视频老师都有讲到呢,从大概12分开始。

祝学习愉快~

  • Aurora_Meteor 提问者 #1
    老师您没明白我的问题,我说的是下面的式子,您看看我上面另外的回复,课程有听的,但是绕来绕去的听糊涂了所以提问
    2020-04-20 16:34:00
好帮手慕粉 2020-04-20 20:12:15

同学你好,高度是页脚的tab栏的高度:

http://img1.sycdn.imooc.com//climg/5e9d919009c10dcc04570179.jpg

祝学习愉快~

好帮手慕粉 2020-04-20 17:37:15

同学你好,第一张图是计算1rem等于多少px的公式,第二张图是计算不同大小的页面,高度的大小是多少。

祝学习愉快~

  • 提问者 Aurora_Meteor #1
    所以那个高度是页面,也就是document的高度是吗?
    2020-04-20 18:50:34
提问者 Aurora_Meteor 2020-04-20 16:31:57

老师您没明白我说的,我说的是下图这两个部分

http://img1.sycdn.imooc.com//climg/5e9d5d5f099c984104660174.jpghttp://img1.sycdn.imooc.com//climg/5e9d5d4b0947c61404580193.jpg

他们都说documen.documentElement.clientWidth/某元素宽度*某元素高度,两张图只是元素高度有了变化,但是一个等于1rem一个等于height?

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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