iOS Safari 浏览器 100vh 带有滚动条解决方案
问题场景在移动端 safari 或者 chrome 浏览器中，使用 100vh，会出现滚动条。根本原因在 safari 和 chrome 浏览器中，100vh 是指去掉地址栏的高度，所以会出现滚动条。解决方案移动端一般不考虑 chrome 浏览器，用户基数小，如果只考虑微信公众号开发也不用考虑这个问题。如果需要考虑 safari 浏览器的用户体验，建议使用 100% 替代 100vh，或者使用 ....
关于 Safari 100vh 的问题与解决方案
正文一、背景最近在做一个移动端的 H5 项目，遇到了一个「有趣」的问题。假设有一页面布局如下：下方 50px 悬浮于底部，采用 fixed 布局，示例如下：<div class="container"> <!-- height: 100vh - 50px --> <div class="page"></div> <!-- fixe...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。