將Android DPI，SPI轉換爲html/css比例

Question

我有一個html頁面，我在Android WebView控件上顯示。

但是，我需要確保邊距和尺寸與設計團隊給出的DP和SP規格相同。

如何確認DP可以用於HTML/css中縮放樣式的％？

另外SP單元如何能做到這一點？

因此對於例如如果我想讓我的文字字體大小爲17 sp。那麼相應的版本應該是％。 同樣，如果預期保證金爲64 dp，那麼我應該如何計算相應的百分比。

感謝您的幫助。

Answer 1

我建議添加meta name="viewport" content="width=device-width, initial-scale=1">，那麼你的html 100％的寬度有device-width像素。就像在320X640手機中一樣，100％寬度是320px，在CSS中。

用於DP和PX之間的轉換，是指What is the difference between "px", "dp", "dip" and "sp" on Android?

用於變換％：N（％）= A/B×100％。

因此將64（dp）轉換爲N（px），並轉換爲N（px）/ device-width x 100％是最終結果。