请教关于移动端分辨率相同DPR不同样式适配的问题？

Question

现在有个需求要在两台平板上做CSS样式的适配，情况如下:

平板A:
平板华为M2
1920×1200 DPR1.5

平板B:
华为HDN-W09 "WaterPlay"
1920x1200 DPR2

其中A平板的适配已经做好了，
但是B平板上面看却是变形的，
B平板的分辨率和A平板是完全相同的，但DPR是不同的，
使用 window.devicePixelRatio 可以看到两台平板的DPR是不同的，

一台是1.5一台是2 请问怎么让B平板中HTML的页面显示完全和A平板一样。

我直接 window.devicePixelRatio=1.5这样重写好像没有用..

Answer 1

移动端适配呗？参考手淘的方案（Flexible）？

Answer 2

同上，参考手淘的方案（Flexible）, rem + dpr.
变形 是什么意思 元素 宽高 比例， 还是什么？

Answer 3

我想你需要根据DPR设置一个基准，比如一个是2，一个是1.5,则像素基准为1/DPR，这样以这个基准为基础设置css的单位就可以达到两种情况下显示一致了。