实际开发中使用通用适配方案还是简单适配方案

来源:3-2 通用适配实现

慕函数0445997

2019-04-05 21:10:41

通用适配方案解决了什么样的问题,为啥一像素边框就会变成2像素,dpr是什么

写回答

2回答

樱桃小胖子

2019-06-16

此时的dpr仍然是2,缩放比指的是meta标签中的initial-scale,这个属性的默认值是1,这里可以简单的将缩放比的计算公式理解成是:缩放比=1/dpr,因此当你设置缩放比是1/2的时候,dpr就是2

希望可以帮到你!

0

樱桃小胖子

2019-04-07

1、设备像素比简称为dpr(全拼:device pixel ratio),它定义了物理像素和设备独立像素的对应关系。它的值可以按下面的公式计算得到:

设备像素比 = 物理像素 / 设备独立像素

在Retina屏的iphone上,devicePixelRatio的值为2,也就是说1个css像素相当于2个物理像素,通常所说的二倍屏(retina)的dpr是2, 三倍屏是3

2、通用适配方案在屏幕小于320的时候,font-size不变,在屏幕大于540的时候,font-size也不变,这样就保证了页面不会无限制的缩小或放大,适配更合理。

3、严格意义上来讲,在实际开发中,对于使用哪种适配方案没有明确的规定,但是从性能上来讲,建议使用通用适配方案

希望可以帮到你!


0
hherlock_bourne
回复
hiss路
h 也就说,如果设备像素375px,css像素750,此时dpr就是2,也就是2个css像素表达1个物理像素;若设置缩放比为1/2,就相当于把750px的css变成了375,对吧?那么此时的dpr=啥?是375css/375物理=1?还是750css/375物理=2?
h019-06-16
共3条回复

0 学习 · 6815 问题

查看课程