h5手机端 获得普通浏览器高度

我们知道手机内置的普通浏览器中,是会有上边的地址栏以及下边的菜单栏,但微信公众号及小程序则没有这个顾虑,所以在写多端代码的时候需要注意一下手机普通浏览器的问题。

之前我是粗暴的使用 height: calc(100vh - ${other}px) 这样的形式进行计算的,在微信公众号及小程序倒是没什么问题,但是普通浏览器中这个就计算不对了。

uniapp

uniapp封装了api,直接使用他的可用高度就行

let height = uni.getSystemInfoSync().windowHeight

js中获得

原生js则通过window属性获取浏览器可用高度

let height = window.innerHeight

参考:https://www.cnblogs.com/polk6/p/5051935.html

posted @ 2021-03-01 15:19  Niky99  阅读(930)  评论(0编辑  收藏  举报