鍍金池/ 問(wèn)答/HTML5  Android  HTML/ 請(qǐng)教關(guān)于移動(dòng)端分辨率相同DPR不同樣式適配的問(wèn)題?

請(qǐng)教關(guān)于移動(dòng)端分辨率相同DPR不同樣式適配的問(wèn)題?

現(xiàn)在有個(gè)需求要在兩臺(tái)平板上做CSS樣式的適配,情況如下:

平板A:
平板華為M2
1920×1200 DPR1.5

平板B:
華為HDN-W09 "WaterPlay"
1920x1200 DPR2

其中A平板的適配已經(jīng)做好了,
但是B平板上面看卻是變形的,
B平板的分辨率和A平板是完全相同的,但DPR是不同的,
使用 window.devicePixelRatio 可以看到兩臺(tái)平板的DPR是不同的,

一臺(tái)是1.5一臺(tái)是2 請(qǐng)問(wèn)怎么讓B平板中HTML的頁(yè)面顯示完全和A平板一樣。

我直接 window.devicePixelRatio=1.5這樣重寫好像沒(méi)有用..

回答
編輯回答
情殺

同上,參考手淘的方案(Flexible), rem + dpr.
變形 是什么意思 元素 寬高 比例, 還是什么?

2017年12月27日 22:56
編輯回答
敢試

我想你需要根據(jù)DPR設(shè)置一個(gè)基準(zhǔn),比如一個(gè)是2,一個(gè)是1.5,則像素基準(zhǔn)為1/DPR,這樣以這個(gè)基準(zhǔn)為基礎(chǔ)設(shè)置css的單位就可以達(dá)到兩種情況下顯示一致了。

2018年6月16日 02:15
編輯回答
膽怯

移動(dòng)端適配唄?參考手淘的方案(Flexible)?

2018年2月22日 19:16