20*(docEl.clientWidth / 320)+'px'

来源:3-1 自适应rem布局

沧山沐雪侧帽行

2015-12-16 21:19

这行代码中,修改了20和320的数值在页面上没有什么大的作用是怎么回事呢?

写回答 关注

4回答

  • 慕瓜3115575
    2015-12-16 22:14:55
    已采纳

    这个要算比例的吧,根据自己的常用浏览器来作对比,找一个基准数,你想看效果,数据改的大一些,会有效果

    沧山沐雪侧帽...

    非常感谢!

    2015-12-21 09:31:09

    共 1 条回复 >

  • 慕先生3658789
    2016-11-17 11:53:23

    那我屏幕是640的呢,320就改成640吗?

  • echo_kinchao
    2015-12-17 10:04:05

    这个是为了适配屏幕的算法

  • 变强啊三少奶奶
    2015-12-16 22:23:12

    默认情况下浏览器的字体大小为16px,16px=1rem。20*(docEl.clientWidth / 320)意思是 获取当前屏幕宽度除以16(20/320) 得到的是字体放大或缩小的倍率。当你改变20或320时 实质改变的是字体的放大倍率 两者的比值越小 字体放大的倍率越大 反之亦然


    yangsl...

    那为什么不直接写成 docEl.clientWidth / 16 这样不是更简单更好理解吗?

    2017-03-04 16:11:42

    共 2 条回复 >

H5+JS+CSS3 实现圣诞情缘

为圣诞节准备的H5+JS+CSS特效案例教程,实现静与动的结合

122015 学习 · 211 问题

查看课程

相似问题