javascript - 在桌面上预览设备字体（不使用浏览器设备工具）

Question

我有一个应用程序，人们可以在其中将文本添加到页面位置。我的想法是，在电话（例如）上，他们可能希望文本大小更大以使其更易于阅读。

他们将在桌面上工作，但我希望他们能够预览他们的文本在移动设备上的样子（例如不同的方向和屏幕比例），但同时在他们的桌面上。

我可以更改工作区域以匹配手机的宽高比，就像 zoho 调查所做的那样......

但是定义字体大小并能够在桌面上预览它以便他们可以看到它在手机上的显示方式的最佳方法是什么？

例如，如果他们在桌面上将字体大小设置为 XXpx，这可能看起来不错。然后当他们在手机/平板电脑上预览它时，我如何才能看到 XXpx 在手机上的外观？

标签： javascripthtmlcss