iOS Safari 浏览器 100vh 带有滚动条解决方案

问题场景

在移动端 safari 或者 chrome 浏览器中，使用 100vh，会出现滚动条。

根本原因

在 safari 和 chrome 浏览器中，100vh 是指去掉地址栏的高度，所以会出现滚动条。

解决方案

移动端一般不考虑 chrome 浏览器，用户基数小，如果只考虑微信公众号开发也不用考虑这个问题。如果需要考虑 safari 浏览器的用户体验，建议使用 100% 替代 100vh，或者使用 js，而不是 100vh。