                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /H5+JS+CSS3 实现圣诞情缘

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

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

沧山沐雪侧帽行

2015-12-16

源自：H5+JS+CSS3 实现圣诞情缘 3-1

关注问题我要回答

6050

操作

收起

4 回答

慕瓜3115575 回答被采纳 +3 积分
2015-12-16

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

0 回复有任何疑惑可以回复我~

收起回答

沧山沐雪侧帽行提问者

非常感谢！

2015-12-21 回复有任何疑惑可以回复我~

慕先生3658789
2016-11-17

那我屏幕是640的呢，320就改成640吗？

1 回复有任何疑惑可以回复我~

收起回答

echo_kinchao
2015-12-17

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

0 回复有任何疑惑可以回复我~

收起回答

变强啊三少奶奶
2015-12-16

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

2 回复有任何疑惑可以回复我~

收起回答

sunnybao

还是不明白公式 20*(docEl.clientWidth / 320) 的意思，能详细解释一下吗？谢谢~

2017-01-22 回复有任何疑惑可以回复我~

yangsl_poplar

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

2017-03-04 回复有任何疑惑可以回复我~

0/150

提交

取消

H5+JS+CSS3 实现圣诞情缘

参与学习 121972 人
解答问题 211 个

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

进入课程

本课相似问答

2 回答20 * (docEl.clientWidth / 320) + 'px';为什么要用20乘呢？

1 回答【docEl.style.fontSize = 16 * (docEl.clientWidth / 320) + 'px';】这句代码的理解

2 回答rem和px的换算

2 回答20是怎么出来的

1 回答根据设计图px如何转成rem?

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

4 回答

本课相似问答

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