收藏
回答

纯鸿蒙版微信小程序Pad端,横竖屏切换后,页面宽度显示有问题

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 鸿蒙客户端 8.0.15 3.10.3

【问题描述】

1、微信小程序Pad端,切换为横屏时,内容没有铺满,显示为竖屏手机样式。

2、横竖屏切换后,组件宽度显示有偏差,截掉了一小块。

代码中如果设置宽度为100%,则显示正常,但如果设置为屏幕具体宽度,横竖屏切换后,显示有偏差不正常。

正常:<view style="width:100%;">

异常:<view style="width:{{screenWidth}}px;"> // screenWidth为横竖屏切换后动态获取的屏幕宽度

【问题截图】

在多款App中可以复现,页面边距显示不全,或者布局错乱:

华为商城:

拼多多:

顺丰:

最后一次编辑于  04-01
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员--Asher
    社区技术运营专员--Asher
    03-06

    鸿蒙什么版本,什么机型复现,请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    03-06
    有用
    回复 1
    • 不断的弦
      不断的弦
      03-10
      鸿蒙:6.0,机型:HUAWEI MatePad Pro,代码片段在上面问题描述中
      03-10
      回复
  • 徐彦广
    徐彦广
    04-12

    请问该问题是否解决了呢?我们也面临这个情况

    04-12
    有用
    回复 2
    • 不断的弦
      不断的弦
      04-14
      还没,微信那边还没回复
      04-14
      回复
    • 徐彦广
      徐彦广
      04-15回复不断的弦
      看问题描述,<view style="width:100%;">,这样是正常可以横屏吗?如果可以,我们可以单词给鸿蒙做代码适配呢?
      04-15
      回复
  • 智能回答 智能回答 本次回答由AI生成
    03-05
    有用
登录 后发表内容