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

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

源自：移动端屏幕适配 3-2 通用适配实现

收起

2回答

卡布琦诺 2019-06-16 11:50:18

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

希望可以帮到你！

卡布琦诺 2019-04-07 11:15:48

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

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

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

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

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

希望可以帮到你！

见信 #1

老师，我这一整个章节都看完了的，但是我到最后还是没有能够理解，为什么要调整它的scale，虽然我们调整了它的scale后保证了边框的绝对正确性，但是调整scale不就跟原来的dpr有冲突吗？人家手机设置了dpr为2或者为3，我们就更改scale为二分之一，或者三分之一，那么手机设置这个dpr有什么意义呢

2019-06-01 23:32:20
Miss路回复见信 #2

同学，你好。处理1像素问题是改变页面的缩放比，也就是说缩放的比例要根据dpr来决定，如果dpr是2，那么缩放比就是1/2=0.5，如果dpr是3，缩放比就是1/3=0.33333……，dpr在这儿的意义就是拿来参考的，看看该缩放多少才能正常显示。调整scale跟dpr没有冲突。祝学习愉快！

2019-06-02 16:13:13
Sherlock_bourne 回复 Miss路 #3

也就说，如果设备像素375px，css像素750，此时dpr就是2，也就是2个css像素表达1个物理像素；若设置缩放比为1/2，就相当于把750px的css变成了375，对吧？那么此时的dpr=啥？是375css/375物理=1？还是750css/375物理=2?

2019-06-16 07:40:15