将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％是最终结果。