javascript - 通过 JavaScript 检测手机的显示设置？

Question

我有一个在 webviewer 中运行的 web 应用程序，需要在 PC 和移动设备上都做出响应。我已经让它在移动设备上看起来不错，但现在我想根据移动设备的显示设置来改变外观。

在我的安卓手机上，导航到设置/显示/文本大小，有五个选项：小、正常、大、特大和巨大。我希望能够检测通过 javascript 选择了哪些设置，然后相应地修改我的 HTML。

我尝试了以下 HTML DOM 属性来查看它们是否会根据设备的显示设置而更改，但不幸的是它们不会：

1) 屏幕宽度

2) screen.pixelDepth

3）window.visualViewport.scale

4）window.devicePixelRatio

请建议，如果有什么方法可以检测到这些显示设置？

标签： javascriptandroidhtmldom