那如何通过uniapp拿到正确的屏幕高度呢
时间: 2023-08-10 08:05:21 浏览: 427
在uni-app中,可以通过uni.getSystemInfoSync()方法获取设备信息,包括屏幕高度。示例代码如下:
```js
// 获取设备信息
const systemInfo = uni.getSystemInfoSync()
// 获取屏幕高度
const screenHeight = systemInfo.screenHeight
console.log(screenHeight)
```
需要注意的是,这里获取的屏幕高度是设备屏幕的物理高度,单位为px。如果需要获取屏幕的逻辑高度,即考虑到设备像素比的高度,请使用uni.upx2px()将设计稿上的高度转换为px后再进行计算。
相关问题
uniapp屏幕高度
在Uniapp中,你可以使用`uni.getSystemInfo`接口来获取当前设备的信息,包括屏幕的高度。下面是一个示例代码:
```javascript
// 获取设备信息
uni.getSystemInfo({
success: (res) => {
const screenHeight = res.screenHeight;
console.log('屏幕高度:', screenHeight);
}
});
```
在代码中,通过调用`uni.getSystemInfo`接口,成功获取到设备的信息后,可以从返回的`res`对象中获取到屏幕的高度。将其赋值给`screenHeight`变量,并打印出来。这样你就可以获取到当前设备屏幕的高度了。
uniapp获取屏幕高度
在 Uniapp 中,你可以使用 `uni.getSystemInfo` 方法获取屏幕的高度。下面是一个示例代码:
```javascript
// 在页面的生命周期函数中获取屏幕高度
onLoad() {
this.getScreenHeight();
},
methods: {
getScreenHeight() {
uni.getSystemInfo({
success: res => {
console.log('屏幕高度:', res.screenHeight);
}
});
}
}
```
在上面的例子中,我们使用 `uni.getSystemInfo` 方法获取系统信息,其中包含了屏幕的高度。通过 `res.screenHeight` 可以获取到屏幕的高度。你可以在 `success` 回调函数中处理获取到的屏幕高度。
请注意,这段代码需要在页面的生命周期函数中执行,比如 `onLoad`,以确保能够正确获取到屏幕的高度。
阅读全文