问答详情
源自:3-3 rem页面适配实战-2网易新闻h5页面开发1

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

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

提问者:回眸灯火阑珊 2018-02-06 10:46

个回答

  • 枫叶咚咚咚
    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)起名太迷惑了~~~_(:з」∠)_

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

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