有个问题,$rem这个变量不是动态的,如果屏幕不是375呢,

来源:3-3 rem页面适配实战-2网易新闻h5页面开发1

回眸灯火阑珊

2018-02-06 10:46

$rem = 37.5px // 写死的,不能是动态的吗

写回答 关注

2回答

  • 枫叶咚咚咚
    2018-02-24 05:25:05

    函数function px2rem()返回的是 return ($px / 37.5) + rem, 也就是返回的是 xx rem,而rem是根据屏幕宽度得到的, 1rem=font-size值,设定 font-size = cilentWidth / 10 + 'px' (这里才是真正的rem值设定), 以iphone6为基准(clientWidth = 375px),  那么1rem = 37.5 px,这个函数输出就等于输入,因为分母37.5被消除了, 而其他屏幕大小clientWidth改变,1rem就不等于37.5了。函数的作用只是用iPhone6屏幕大小做基准。

    我也疑惑了好久,主要是这个变量($rem)起名太迷惑了~~~_(:з」∠)_

    慕运维603...

    我也是一直在疑惑这个问题,看了你的解释,总算明白了,谢谢

    2018-08-10 09:06:58

    共 1 条回复 >

  • 神奇的逗号
    2018-02-06 15:19:57

    这个是动态变化的,他是获取屏幕的宽度除以10来作为rem的基准值,不是固定的37.5,只是说以iPhone6作为基准屏幕宽度,然后去自动改变基准值

移动web开发适配秘籍Rem

移动web不求人,全面掌握移动web开发rem适配方案。

37075 学习 · 88 问题

查看课程

相似问题