简单适配的逻辑可以不可以变成这样?

简单适配的逻辑可以不可以变成这样?

对于视频老师说的东西,我都消化了一下,但是发现很难自己讲出来输出给别人听,自己数学不好,觉得比较烧脑... 然后我就自己捋了一下,我想问问这个计算rem的公式能不能变成这样,我论述一下:

假设750px视口下字体大小为40px,而375px视口下字体为20px,其实从这个font-size的变化上来看,其实它跟视口大小的变化是正比例的关系,也就是说视口缩小了一半,字体大小也应该是缩小一半,所以可以认为视口缩小的比例跟字体缩小的比例是同一个东西,也就是说40px最终会变成20px,是因为750px到375px这个过渡就是缩小了1倍,也就是375/750=1/2,  如果用1/2*40,就可以得出20px

总之就是下面这样的公式: 当前视口大小 /  750 * 40 =  当前视口rem。

不知道我的论述有没有问题, 老师可以直接看我这个公式对不对。 orz

正在回答

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

2回答

同学你好,理解的是正确的,第一次的也是正确的:

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

这个系数只要方便我们使用即可。

祝学习愉快~

  • 慕移动3569406 提问者 #1
    老师很细心哈, 生怕我理解错了,谢谢!
    2020-04-01 18:30:36
好帮手慕粉 2020-04-01 11:39:47

同学你好,同学前面说的是正确的,但是公式的地方就不太对了:
http://img1.sycdn.imooc.com//climg/5e840c6809fef8a106950063.jpg

假如视口宽是375px,那么往公式里面套375/750*40=20px=当前视口rem是什么意思呢?是当前视口1rem=20px吗?这样就不对了,1rem等于多少px是事先规定好的,不会随着视口的变化而变化的。

其实1rem等于多少px是我们认为进行规定的,只要合理,就是可以的。

祝学习愉快~

  • 提问者 慕移动3569406 #1
    但是rem不是跟着视口进行变化的嘛? 假定750px的时候人为规定1rem为40px, 而到了375的时候,需要缩小一倍,所以1rem为20px(375/750*40=20)。 我有点不太理解, 老师可以再说详细点吗? 然后我刚刚看了一个同学的提问,我好像想通了一点,想问问老师对不对: 是不是这个rem怎么计算都是可以的,只要让他保持跟视口大小是正相关,成比例的,就算rem直接等于视口大小都是可以的,只是说这样难以换算成px, 而视频老师除了一个系数,只是让数字变得好计算一点,结果变得好看一点,是这个意思吗?
    2020-04-01 17:42:00
  • 提问者 慕移动3569406 #2
    哦, 我应该明白了您说的意思了, 我说的这个“当前视口rem”,不是说去修改每个元素的rem, 而只是修改html上的字体大小, 通过修改这个html的字体大小,去动态变更rem的取值。 我应该表达的是“当前视口rem的取值” 才对 , 不好意思。 如果我说的是对的, 麻烦您回复一下上面我说的第二个问题。
    2020-04-01 17:45:08
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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