Html “我能做什么？”；“100vh”；符合Chrome移动工具栏

当我设置这样一个div时

    .exampleDiv {
      height:100vh;
    }

它在台式机上运行良好
但在Chrome mobile上，当我滚动屏幕时，Chrome工具栏将出现，从而导致expampleDiv的高度更改为：
100vh-touchbar'高度
这是不光滑的，是非常有线。

---

那么，我应该怎么做才能使“100vh”不随工具栏变化呢？

我认为这在普通css中是不可能的。使用JavaScript可能是可行的，但我不确定。如果你面临这个问题，你可以使用媒体查询来解决它，或者你可以查看这个博客，我认为在小屏幕上最好不要使用“vh”。