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

来源:3-25 移动端常用单位

Aurora_Meteor

2020-04-19 21:44:05

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

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

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

写回答

4回答

好帮手慕粉

2020-04-20

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

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

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

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

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

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

祝学习愉快~

0
hurora_Meteor
h 老师您没明白我的问题,我说的是下面的式子,您看看我上面另外的回复,课程有听的,但是绕来绕去的听糊涂了所以提问
h020-04-20
共1条回复

好帮手慕粉

2020-04-20

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

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

祝学习愉快~

0

好帮手慕粉

2020-04-20

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

祝学习愉快~

0
hurora_Meteor
h 所以那个高度是页面,也就是document的高度是吗?
h020-04-20
共1条回复

Aurora_Meteor

提问者

2020-04-20

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

http://img.mukewang.com/climg/5e9d5d5f099c984104660174.jpghttp://img.mukewang.com/climg/5e9d5d4b0947c61404580193.jpg

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

0

0 学习 · 6815 问题

查看课程