我们知道手机内置的普通浏览器中,是会有上边的地址栏以及下边的菜单栏,但微信公众号及小程序则没有这个顾虑,所以在写多端代码的时候需要注意一下手机普通浏览器的问题。
之前我是粗暴的使用 height: calc(100vh - ${other}px)
这样的形式进行计算的,在微信公众号及小程序倒是没什么问题,但是普通浏览器中这个就计算不对了。
uniapp
uniapp封装了api,直接使用他的可用高度就行
let height = uni.getSystemInfoSync().windowHeight
js中获得
原生js则通过window属性获取浏览器可用高度
let height = window.innerHeight