对rem的计算还是有点不懂

首先我们在rem.js里面写了一段公式设置页面html的fontsize自适应

如果页面宽度大于750，都按照750px算，html的fontsize设为100px

如果页面宽度小于750按照页面实际宽度/750*100来算html的fontsize值

是不是说通过这种计算方式得到页面375px的时候，html的fontsize为50px所以设置加载器里面的remUnit=50？

这里设置50是什么意思，是页面375px的时候通过rem.js计算得到的fontsize是50所以remUnit=50？

为什么又要是375px呢？

慕圣3009968 2019-08-28

源自：项目：Vue搭建课程首页 3-1 实现header部分

4

收起

2回答

一路电光带火花 2019-08-28 20:04:49

rem.js文件中的计算你理解对了，但是remUnit=50设置是px2rem插件中换算用的，也就是你写还是px单位，自动转化成rem单位，封装好的插件。

根元素的font-size属性大小是多少，remUnit这个值就设置多少。

提问者慕圣3009968 2019-08-28 16:24:04

根据这个方法转换得到的px和rem转换到底是怎样的呢

提问者慕圣3009968 #1

再看了一遍视频，是不是说设计稿是375px宽，这个宽度html通过我们rem。js转换得到的html的fontsize是50，所以我们remUnit设置为50，实际的px和rem的转换关系我逆着推： 1rem=html的fontsize值=clientWidth*750/100px 也就是屏幕本身应该占满的总宽度clientWidth375px下，fontsize=50px，这时候1rem=50px，clientWidth=7.5rem 虽然知道50是满屏设计稿下通过rem。js计算得到的fontsize也就是1rem的值，但是我还想知道下具体是怎么可以通过js或者css或者sass或者less实现从px到rem的转换呢？

2019-08-28 16:34:37

相似问题

老师，这个课程rem不设置自动计算，都自己算吗？

浮点数计算值不对，视频里计算没问题

关于浮点数计算和精度丢失问题

老师是这样理解吗

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

登录后可查看更多问答，登录/注册

热门框架Vue开发WebApp 18版

参与学习人
提交作业 209 份
解答问题 3299 个

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

本课精华内容

问答作业

我想知道讲ES6的是哪个老师呀，声音调好听了吧，声控的福利吖，，想知道是谁喔。

5 4

老师,帮忙看下是啥原因,滚动条还是滚动不了

4 28

代码不完善啊

2 23

父组件控制子组件样式的问题

3 22

代码运行不了

0 18

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载