将mobile dp font-size转换为桌面px值

时间:2013-12-12 17:33:59

标签: css resolution font-size

我知道,我知道 - 我不应该在我的css中使用px来指定font-size。我有借口。

我正在编写一个基于浏览器的编辑器,旨在直观地创建移动内容。我有一个固定宽度的800 * 600px“画布”,代表在移动设备横向视口中可见的内容,以及它周围的一堆工具栏(有点像Photoshop)。

我的编辑器从中读取并保存的JSON格式代表移动内容。然后,移动应用程序会解释该JSON,并显示相应的内容。

在此格式中,font-size指定为dp单位的整数。问题:我如何转换要在我的桌面Web应用程序中显示的字体大小(知道我的“画布”是800 * 600像素)?

我找到了一种获取桌面浏览器PPI的hacky方法,不确定这是否有用。

1 个答案:

答案 0 :(得分:0)

您可以使用em来代替在px中使用字体大小,以便它可以在桌面上的所有设备和浏览器上使用