想来想去还是有一个小疑问没解开!请老师解答疑惑!!!

来源:4-3 JS组件化及自适应

乔伊_

2018-10-16

晚上好老师,本节课的后部分讲解的自适应方案还是有一个小疑问没有想通,请老师指点指点!
是这个样子的,我们是参照设计图的尺寸是CSS像素320px 乘以设备像素比 2 得到物理像素 640px,如果换成其他设备(参照老师课程中的例子)CSS像素375px 乘以设备像素比 3 得到物理像素1125px,最后1125/640得到比率,再把比率乘以根标签的font-size:40px。这个计算逻辑我是明白的。
那么问题来了,我们是如何知道客户的手机的CSS像素和设备像素比是多少的呢?如果我们都不知道就无法计算(用户的手机物理像素 / 设计图的物理像素 乘 40 ),得不到这个比值,也就没办法乘以我们根标签的font-size:40px。
请老师解答一下,万分感谢!!!

写回答

1回答

铁狮子

2018-10-17

你可以看下viewport.js那个代码,没多少行你一定可以找到答案

1
1
乔伊_
非常感谢!
2018-10-18
共1条回复

前端面试项目冲刺 京东金融Vue组件化实战

透过京东金融项目理解组件化思维与项目面试,提升你的综合能力

922 学习 · 309 问题

查看课程