uni-app选择自定义基座时iphone页面不兼容
uni-app选择自定义基座时iphone页面不兼容
操作步骤:
- HBuilderX工具,提前打包好自定义基座(无选择插件)
- 运行-运行到手机或模拟器-运行基座选择-自定义基座调试
- 查看iPhone的效果
预期结果:
- 全屏显示
实际结果:
- 上下的区域被黑色占据,黑色区域不可滚动
bug描述:
- 选择自定义基座打包,
screenWidth为320,screenHeight为480(通过uni.getSystemInfo获取) - 选择标准基座运行,
screenWidth为414,screenHeight为896
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | 10 | HBuilderX |

更多关于uni-app选择自定义基座时iphone页面不兼容的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于uni-app选择自定义基座时iphone页面不兼容的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是一个典型的自定义基座屏幕适配问题。问题核心在于自定义基座使用了默认的启动图配置,而iPhone设备需要特定尺寸的启动图才能正确适配屏幕。
原因分析:
- 自定义基座默认使用HBuilderX内置的通用启动图,这些启动图尺寸可能不匹配iPhone的全面屏设备。
- 当启动图尺寸与设备屏幕不匹配时,iOS系统会在上下显示黑边,并限制滚动区域。
uni.getSystemInfo获取到的异常分辨率(320×480)证实了基座没有正确识别设备屏幕参数。
解决方案:
方法一:配置正确的启动图(推荐)
-
在
manifest.json的"App启动图配置"中,为iOS设备添加对应尺寸的启动图:- iPhone 8/7/6s:750×1334
- iPhone 8 Plus/7 Plus/6s Plus:1242×2208
- iPhone X/XS/11 Pro:1125×2436
- iPhone XR/11:828×1792
- iPhone XS Max/11 Pro Max:1242×2688
- iPhone 12/13 mini:1080×2340
- iPhone 12/13/14:1170×2532
- iPhone 12/13/14 Pro Max:1284×2778
-
重新打包自定义基座。
方法二:检查视图配置
在pages.json中确保全局样式正确:
{
"globalStyle": {
"rpxCalcMaxDeviceWidth": 3840,
"rpxCalcBaseDeviceWidth": 750,
"usingComponents": {}
}
}

