如何将所有vh单位替换为移动设备的固定像素值？

Question

我的网站几乎使用vh个单位：字体大小，位置，高度和宽度。由于我的网站的性质，我选择使其在不同的宽高比上做出响应。

问题出在手机上：

1. Android的软键盘会缩小视口，进而缩小我的内容，使其无法读取：

   

2. 移动版Safari的地址栏会在视口和我的内容出现时收缩和展开，并在您更改滚动方向时消失。

我在Stack Overflow上看到了一些可能的解决方案，但是没有一个快速的，每个元素的手动修复工作适用于我的案例，几乎每个元素都使用vh。

我希望使用jQuery来检测移动设备，如果是，则以某种方式用固定的像素值替换我的CSS中的所有vh单元，并且可以在方向更改时刷新此功能（如果用户从纵向切换）景观，反之亦然。）

我该如何编写此代码？