var rem = docEL.clientWidth / 10;

var rem = docEL.clientWidth / 10;

设置了var rem = docEL.clientWidth / 10;后,px转rem c插件还需要另外设置什么吗




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

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

2回答
好帮手慕久久 2021-01-27 14:06:03

同学你好,解答如下:

如果rem的值改了,那么配置的值也要同步更改。px_to_rem这个插件,就是帮助我们计算的。如果rem变成了docEL.clientWidth / 20,在iphone6上,html的fontsize会变成18.75。如果设计稿上,元素是37.5px,那么我们自己计算的话,会换算成2rem(37.5/18.75)。而自己计算太麻烦了,所以就需要插件帮我们计算。将px_to_rem的值改成18.75后,这样插件换算37.5时,才会转成2rem。方式就是“用我们输入的尺寸除以px_to_rem的值”。所以px_to_rem的值,要与“docEL.clientWidth / 20”的值对应。

祝学习愉快!

好帮手慕久久 2021-01-27 09:55:06

同学你好,解答如下:

在页面中,使用js计算出rem之后,为了能让编辑器自动将我们输入的px值转成rem值,需要安装px_to_rem这个插件,并配置如下值:

http://img1.sycdn.imooc.com//climg/6010c7d70904658506050203.jpg

配置完后,就可以正常开发了,不用再配置其他内容了。

祝学习愉快!


  • 提问者 weibo_我是LUFFCIER_0 #1
    如果 var rem = docEL.clientWidth / 20,那么里面配置的值还是37.5吗
    2021-01-27 12:17:55
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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