我有一个在Webviewer中运行的Web应用程序，需要同时在PC和移动设备上响应。我已经知道它在移动设备上看起来不错，但是现在我想根据移动设备的显示设置来改变外观。
在我的Android手机上，导航至设置/显示/文字大小，共有五个选项：小，普通，大，特大和大。我希望能够检测到通过javascript选择了哪些设置，然后相应地修改了我的HTML。
我尝试了以下HTML DOM属性，以查看它们是否根据设备的显示设置而改变，但是不幸的是它们没有：
1）屏幕宽度
2）screen.pixelDepth
3）window.visualViewport.scale
4）window.devicePixelRatio
请提出建议，是否可以通过任何方式检测这些显示设置？