uni-app 3.2.15、3.2.16版iPhone所有nvue页面都变得很小

uni-app 3.2.15、3.2.16版iPhone所有nvue页面都变得很小

开发环境 版本号 项目创建方式
Mac 12.0.1 HBuilderX
HBuilderX 3.2.16
手机 iOS
手机版本号 iOS 15
手机厂商 苹果
手机机型 iPhoneX
页面类型 nvue
Vue版本 vue2
打包方式 云端

示例代码：

见附件

操作步骤：

iPhone所有nvue

预期结果：

和vue页面一样正常显示

实际结果：

缩小显示

bug描述：

3.2.15、3.2.16版iPhone所有nvue页面都变得很小


更多关于uni-app 3.2.15、3.2.16版iPhone所有nvue页面都变得很小的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

示例项目

更多关于uni-app 3.2.15、3.2.16版iPhone所有nvue页面都变得很小的实战教程也可以访问 https://www.itying.com/category-93-b0.html


老版本对 nvue 的横竖屏切换的适配一直都不友好，最近版本在优化，会彻底解决此问题，对横屏的应用会有些影响，按照下面的说明可解决此问题 在 pages.json 的 globalStyle 中添加 “dynamicRpx”: true ， dynamicRpx 的作用参考文档说明
“globalStyle”: {
“dynamicRpx”: true,
…
…
}

辛苦了

HBuilderX alpha 3.3.0+ 已修复

多谢，辛苦了

这是一个已知的iOS平台nvue页面渲染问题，在3.2.15和3.2.16版本中确实存在。问题原因是这两个版本在iOS设备上对nvue页面的viewport处理出现了异常，导致所有nvue页面都被错误地缩小显示。

解决方案：

  1. 临时解决方案：在manifest.json的app-plus节点下添加以下配置：
{
  "app-plus": {
    "nvue": {
      "flex-direction": "column"
    }
  }
}
回到顶部