uni-app getSystemInfoSync 返回的宽高在iPhone 16 pro max 上与实际不符

uni-app getSystemInfoSync 返回的宽高在iPhone 16 pro max 上与实际不符

操作步骤：

uni.getSystemInfoSync({
success:(e)=>{
console.log(e.screenWidth,e.screenHeight)
}
})

预期结果：

440,956

实际结果：

430,932

bug描述：

在iPhone 16 Pro Max上通过uni.getSystemInfoSync获取到的screenWidth和screenHeight是430x932
但实际上应该是440x956

附件：

Image 1

Image 2


更多关于uni-app getSystemInfoSync 返回的宽高在iPhone 16 pro max 上与实际不符的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

我也有同样的问题，有大神解答吗

更多关于uni-app getSystemInfoSync 返回的宽高在iPhone 16 pro max 上与实际不符的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个是xcode15打包在新设备上的兼容性问题，可以临时采用离线SDK用xcode16打包，后续会升级打包机修复该问题

请问有预计发布时间吗

在开发使用 uni-app 时，确实可能会遇到 getSystemInfoSync 返回的设备屏幕宽高与实际不符的问题，特别是在某些特定设备上，比如 iPhone 16 Pro Max（这里假设为未来的一个设备型号，实际中应参考实际设备型号和对应的问题）。这种情况通常是由于系统或框架的适配问题，或者是获取屏幕信息的方式不正确。

为了解决这个问题，我们可以尝试以下几种方法，并附上相关的代码案例。

方法一：确保使用正确的 API 和属性

首先，确保你使用的是 uni.getSystemInfoSync 方法的正确属性来获取屏幕宽高。windowWidth 和 windowHeight 通常用于获取窗口的宽高，而 screenWidth 和 screenHeight 用于获取屏幕的物理宽高。

const systemInfo = uni.getSystemInfoSync();
console.log('Window Width:', systemInfo.windowWidth);
console.log('Window Height:', systemInfo.windowHeight);
console.log('Screen Width:', systemInfo.screenWidth);
console.log('Screen Height:', systemInfo.screenHeight);

方法二：使用 uni.getSystemInfo 异步方法

有时候，同步方法可能会因为某些原因（如系统响应延迟）导致获取的信息不准确。可以尝试使用异步方法来获取系统信息。

uni.getSystemInfo({
  success: (res) => {
    console.log('Async Window Width:', res.windowWidth);
    console.log('Async Window Height:', res.windowHeight);
    console.log('Async Screen Width:', res.screenWidth);
    console.log('Async Screen Height:', res.screenHeight);
  }
});

方法三：考虑设备的安全区域和状态栏

在某些设备上，特别是iPhone，由于状态栏和安全区域的存在，实际可用的屏幕宽高可能会小于物理屏幕的宽高。可以使用 uni.getSystemInfoSync().safeArea 来获取安全区域的宽高。

const systemInfo = uni.getSystemInfoSync();
console.log('Safe Area Width:', systemInfo.safeArea.width);
console.log('Safe Area Height:', systemInfo.safeArea.height);

方法四：动态调整布局

如果以上方法都无法解决宽高不符的问题，可能需要考虑动态调整页面的布局，以适应不同设备的屏幕大小。可以使用 CSS 媒体查询或者 uni-app 提供的布局单位（如 vh, vw）来实现。

/* 示例：使用vh和vw单位 */
.container {
  width: 100vw;
  height: 100vh;
}

总结

以上方法可以帮助你获取更准确的屏幕宽高信息，并适应不同设备的屏幕大小。如果问题依然存在，建议查阅 uni-app 的官方文档或社区，看是否有相关的已知问题和修复方案。

回到顶部