ipad两种方式旋转自适应可引发top增高bug?注意,每次打开本小程序请重新使
发布于 5 年前 作者 chao09 11628 次浏览 来自 问答

    - 当前 Bug 的表现(可附上截图)微信6.7.2和6.7.3 ios12.0 ipad2017版
demo里的project.config.json里的appid已被删除。
ipad两种方式旋转自适应可引发top增高bug?注意,每次打开本小程序请重新使用编译扫描二维码预览模式打开,有助于理解复现的条件。打开ipad微信横屏(无需进入小程序)后请重新使用编译扫描二维码预览模式打开(而不是在微信里打开本小程序后没重新编译扫描二维码预览本小程序就再次直接从微信打开)本小程序底部文字是能看到的,1、旋转到竖屏再旋转回横屏,底部文字会消失到屏幕底部的外面,因为自适应后头像图片的top自动增高了几十px;2、或者打开ipad微信竖屏(无需进入小程序)后请重新使用编译预览模式打开(而不是在微信里打开本小程序后没重新编译扫描二维码预览本小程序就再次直接从微信打开)小程序之后旋转横屏,自适应后头像图片的top也会自动增高几十px。注意,每次打开本小程序请重新使用编译扫描二维码预览模式打开,有助于理解复现的条件。

   

      注意图一底部有文字,图二底部没文字。
图一:

   图二:

 

   

      - 预期修复表现

   

      top不应该自动增高?

   

      - 复现路径

   

      

   

      ipad两种方式旋转自适应可引发top增高bug?注意,每次打开本小程序请重新使用编译扫描二维码预览模式打开,有助于理解复现的条件。打开ipad微信横屏(无需进入小程序)后请重新使用编译扫描二维码预览模式打开(而不是在微信里打开本小程序后没重新编译扫描二维码预览本小程序就再次直接从微信打开)本小程序底部文字是能看到的,1、旋转到竖屏再旋转回横屏,底部文字会消失到屏幕底部的外面,因为自适应后头像图片的top自动增高了几十px;2、或者打开ipad微信竖屏(无需进入小程序)后请重新使用编译预览模式打开(而不是在微信里打开本小程序后没重新编译扫描二维码预览本小程序就再次直接从微信打开)小程序之后旋转横屏,自适应后头像图片的top也会自动增高几十px。注意,每次打开本小程序请重新使用编译扫描二维码预览模式打开,有助于理解复现的条件。

   

      另外一个小bug,微信开发者工具如果已经打开某个项目,则点击demo链接可以顺利导入代码片段,若微信开发者工具没有打开,点击demo链接(已导入过一次,未测试未导入情况),在导入界面链接会被替换成wechatide://minicode/Ty9iAJml7Q2o -load-extension=…\…\…\…\Local\微信web开发者工具\User Data\WeappPlugin
而导致导入错误,必须删去后面的
-load-extension=…\…\…\…\Local\微信web开发者工具\User Data\WeappPlugin
才能显示链接正常。

   

      - 提供一个最简复现 Demo

   

      wechatide://minicode/8AdstJmH7i2b

1 回复

代码片段的 app.wxss 中, padding-top 是一个 rpx 值,因为 rpx 的大小随屏幕宽度动态变化,所以 padding-top 的像素距离也会变化。

回到顶部