问题场景
在移动端safari或者chrome浏览器中,使用100vh,会出现滚动条。
根本原因
在safari和chrome浏览器中,100vh是指去掉地址栏的高度,所以会出现滚动条。
解决方案
移动端一般不考虑chrome浏览器,用户基数小,如果只考虑微信公众号开发也不用考虑这个问题。如果需要考虑safari浏览器的用户体验,建议使用100%替代100vh,或者使用js,而不是100vh
在移动端safari或者chrome浏览器中,使用100vh,会出现滚动条。
在safari和chrome浏览器中,100vh是指去掉地址栏的高度,所以会出现滚动条。
移动端一般不考虑chrome浏览器,用户基数小,如果只考虑微信公众号开发也不用考虑这个问题。如果需要考虑safari浏览器的用户体验,建议使用100%替代100vh,或者使用js,而不是100vh