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

现在有个需求要在两台平板上做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这样重写好像没有用..


慕仙森
浏览 887回答 3
3回答

湖上湖

移动端适配呗?参考手淘的方案(Flexible)?

蝴蝶不菲

同上,参考方案(Flexible), rem + dpr.变形 是什么意思 元素 宽高 比例, 还是什么?

临摹微笑

我想你需要根据DPR设置一个基准,比如一个是2,一个是1.5,则像素基准为1/DPR,这样以这个基准为基础设置css的单位就可以达到两种情况下显示一致了。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript