10:17-10:26 这里没有听明白什么意思

10:17-10:26 这里没有听明白什么意思

10:17-10:26 这里没有听明白什么意思

正在回答

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

4回答

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

  1. rem是根据根元素字体大小计算的, 也就是说当设置html的font-sizes属性值为20px, 那么1rem就等于20px。 示例:

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

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

  2. 这个40px是根据750 除以18.75这个系数得来的,这里面的系数就是一个自定义的值,为了方便设置1rem的值

  3. 老师只是以18.75为例,这样得到的1rem值为40px, 所以100/40结果不是一个除不尽的效果,同学可以设置其他任意的值。

    老师在前面也跟同学解释过了,视频中只是以常见的设计稿宽度750为例讲解计算的方式,同学说的610的情况很少见,如果是610的话,也是可以自定义系数,比如:15.25  610 / 15.25 = 40, 那么就可以设置1rem等于40px了。

  4. 18.75是自定义的,就是因为可以除尽,老师才选择的,同学也可以选择其他可以除尽的值,比如: 37.5也是可以的, 750 / 37.5 = 20 

祝学习愉快~

提问者 陈立天 2020-08-25 23:16:36

13:13-13:27 这里  用这个视口宽 除 系数18.75    ,这个18.75 除出来的fon size 就一定是能出的尽的数字了吗?

经过我的验算 比方视口宽是405  那么405/18.75=21.6   font-size 然后要计算出 rem

那么100/21.6=4.62962962962963rem了

提问者 陈立天 2020-08-25 23:05:56

我想知道老师这个系数怎么求出来的  

因为这个rem 结果 能刚好被100/40除出来没有除不尽的小数。

那假如不是750 也不是640  如果是610呢? 610 的多少系数能够被 100/610的系数的结果 除出不余余数的rem呢? 

好帮手慕慕子 2020-08-25 19:22:40

同学你好,老师这里主要讲解的意思是使用一个系数方便我们计算。这里系数是自定义的,只要可以方便我们就是可以了,视频中是以18.75为例讲解的,具体可以参考如下解析:

  1. 当我们的设计稿尺寸是750px时,我们规定1rem = 40px(同学可以设置qrem为其他的值),这个40px是根据750 除以18.75这个系数得来的,即: 40 = 750 / 18.5

  2. 设置1rem等于40px后,就方便我们计算了,示例:如果让1rem等于750px,那么在设计稿上量取的高度是100px, 100 / 750 换成rem之后值是一个除不尽的小数,但是将1rem等于40px后,设计稿上量取高度100px, 100/ 40 换成rem之后一个可以除尽的小数了。

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

  3. 这一小节,老师主要是带领大家,了解一下核心的实现思想,因为一般公司中的设计稿都是以iphone6位原型设置的, 也就是750px的宽度,所以老师就这个单位为基准给大家讲解的。最后是需要使用结合js实现自适应效果, 同学不要着急, 跟着老师的步骤学习, 老师会带着大家一步一步由简单到复杂,一点点完善代码效果,帮助同学更好的理解这一块的知识。

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

  • 提问者 陈立天 #1
    这个40px是根据750 除以18.75这个系数得来的 系数是什么意思。。诶不太懂
    2020-08-25 20:28:07
  • 提问者 陈立天 #2
    另外1rem = html font size是啥意思
    2020-08-25 21:34:49
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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