remUnit这个转换比例随机配的是什么意思,对rem的转换数值有什么影响呢

remUnit这个转换比例随机配的是什么意思,对rem的转换数值有什么影响呢

var px2remLoader = {loader: 'px2rem-loader',options: {remUnit: 50}},

这里的变量名自己定义什么都可以是否只要与加在下面函数中的名字相同就行?

这里对象的键值对都是固定的配置嘛

正在回答

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

3回答

同学你好,你说的当前页面的宽度与750px的比值乘以100这个是给html元素设置的字体大小。html元素说的是如下:

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

但是在做页面的时候,body里面元素肯定会设置自己的宽高等。课程中讲到的是把这些元素的宽高之类的单位转换为rem。

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

  • 慕用0863198 提问者 #1
    这里就是说除非设置成rem,如果是设置为px的话,转换比例就是靠这个插件来进行设置的
    2019-11-25 09:58:22
  • 好帮手慕夭夭 回复 提问者 慕用0863198 #2
    同学理解的是对的哦
    2019-11-25 14:03:32
好帮手慕夭夭 2019-11-24 18:14:42

同学你好,自己定好之后转化比例才是固定的。代码中写px,插件会根据配置比例转化成rem。同学再看一下如下,rem转换比例是我们自己定义的,也就是不管怎么设置, 还是固定的20px ,找一个好算的转换比例就行。

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

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

  • 提问者 慕用0863198 #1
    可是rem的计算公式来看,rem的值不是有当前页面的宽度与750px的比值乘以100嘛,完全没有转换比例的地方啊
    2019-11-24 19:16:39
好帮手慕夭夭 2019-11-24 11:08:49

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

1.随机配置意思就是remUnit值不是固定的,可以根据自己的需求与想法进行设置。影响可以看一下本节视频后面,当配置为50的时候,设置20px

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

那么转换为rem就是 20/50=0.4,如下图。即50px=1rem。如果配置其他的,例如40 ,那么就是40px=1rem, 20px转换为rem就是20/40=0.5

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

2.同学说的这个吗?没错,只要一致即可。

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

3. 对,这个是插件自带的配置,我们按照插件提供的去配置即可。

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


  • 提问者 慕用0863198 #1
    可是rem的值在定义好rem.js后是固定的,20px也是固定的, 那转换比例也应该是固定的啊,怎么会由我们自己来设呢
    2019-11-24 16:04:35
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

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

在线咨询

领取优惠

免费试听

领取大纲

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