素材巴巴 > 程序开发 >

h5移动端页面计算高度

程序开发 2023-09-13 06:01:28

h5移动端在计算高度方面跟小程序有点区别,因为浏览器的头部和底部存在搜索栏和导航栏,所以不能跟小程序一样使用100vh去计算高度,而应该使用浏览器的可视区域(也就是整个屏幕减掉上下两个红色框的高度),用这个高度去作为计算的总值,也就是小程序里面的100vh。

1.首先需要获取浏览器的可视区域高度

const seeHeight = window.innerHeight

2.使用浏览器的可视区域高度去剪掉上下两块的高度就行了,计算高度在我往期的文章中有提及,不清楚的可以结合我往期的文章进行操作

 


标签:

上一篇: 使用Java连接Rabbitmq 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。