这两个公式怎么推导出来的?

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

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

9回答
好帮手慕言 2020-08-25 09:31:52

同学你好,750和100都是老师设定的值,同学理解的是对的,如果把750换成375,那么就*50 

祝学习愉快~

提问者 陈立天 2020-08-24 19:36:23

老师我问的是750怎么来的 不是问50和100怎么来的。。

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

  • 提问者 陈立天 #1
    我知道视口在一定 值下 高度也是对应的一定值, 这个是人为设置的比例。那么这个750的意思是什么? 是不是如果把750改成375的话 就是*50 而不是100? 是这样理解?
    2020-08-24 19:38:42
好帮手慕言 2020-08-24 19:09:57

同学你好,既然同学知道在375的视口下,高度设置50px,在750的视口下,高度要设置100px

那么:50px和100px是怎么得出来的?公式如下:

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

可以理解为是固定的,如果同学想要使用这个公式,记住即可,祝学习愉快~

好帮手慕言 2020-08-24 15:52:44

同学你好,解答如下:

1、是的,少了一个0,应该是50/20= 2.5rem

2、750和100px都是老师按照经验写出来的,例如:在375的视口下,高度设置50px,那么在750的视口下,高度要设置100px,通过这个公式就可以很快的计算。

祝学习愉快~

  • 提问者 陈立天 #1
    按照经验写出来的,,所以是怎么推导 出来的 我没明白。。375的视口下,高度设置50px,那么在750的视口下,高度要设置100px 这个我明白,所以 固定的750 是怎么来的?
    2020-08-24 18:00:24
提问者 陈立天 2020-08-24 11:18:27
  • 提问者 陈立天 #1
    100那个参数又是什么意思
    2020-08-24 11:19:28
提问者 陈立天 2020-08-24 11:18:14
好帮手慕言 2020-08-24 11:10:38

同学你好,解答如下:

1、可以结合着老师上方的例子理解

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

如果视口的宽度为750px,那么元素的高度为(750/750)*100 = 100px

如果视口的宽度为375px,那么元素的高度为(375/750)*100 = 50px

2、视口为375时,元素的高度设置为50px,设定的1rem=20px,那么50/2= 2.5rem

3、如果设定1rem=20px,那么50px换算成rem是2.5rem,计算的2.5rem就不用修改了,去修改html的font-size即可。

例如:375的视口,html的font-size设置20px

          750的视口,html的font-size设置40px。

这块内容可能会比较绕,同学可以结合视频多理解几遍

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

提问者 陈立天 2020-08-23 21:26:35

17:41-17:50 也没听明白

提问者 陈立天 2020-08-23 21:18:35

15:14-15:25 这里没听明白 啥意思啊?

  • 提问者 陈立天 #1
    375对应是50像素什么意思。这老师说的有点模糊啊
    2020-08-23 21:19:20
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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