收藏
回答

PC端与手机端显示不一致,怎么处理?

手机端莫名下面会多出一块空白

按理说pc端使用rpx应该能自适应机型,但不断改尺寸,pc端有变化,却发现手机上的一点变化都没有,想不到什么解决方法,侧边导航栏用了vant组件,但试着改了一下样式,但没什么变化,感觉问题与这个无关,不清楚问题在哪

回答关注问题邀请回答
收藏

1 个回答

  • 你是人间四月天
    你是人间四月天
    2022-08-10

    首先如果是同一款机型,应该不会出现这个差异;

    2.如果是不同机型,这个属于正常情况

    3.如果想不要底部空白,试着去掉你的容器的高度,让内容把容器撑开.

    最后,以后提问请看这边文章,并提供代码片段.方便排查问题.

    https://developers.weixin.qq.com/community/develop/article/doc/0004c2ef11077808964e764fb56813

    2022-08-10
    有用 1
    回复 1
    • [ ]
      [ ]
      2022-08-10
      感谢你的回答,谢谢你的提醒
      1.这确实不是同一机型,但我用的rpx为单位,不是应该会自动适配不同机型的吗,还是我理解错了
      2.试了一下去掉容器的高度,我右边的是swiper-view,但去掉高度后发现是整个页面可以上下滑动,总页面大小是我swiper-view里的所有加在一起的高度,这就导致了swiper-view用不了了
      3.然后这里是我的代码片段https://developers.weixin.qq.com/s/OeMQ6pm175Bj,因为我用了vant组件,受限于分享容量限制,导致我没法照搬,这里是用到的组件,   
      "van-popup":"@vant/weapp/popup/index",
       "van-sidebar":"vant/weapp/sidebar/index";,
       "van-sidebar-item":"@vant/weapp/sidebar-item/index",
      "van-submit-bar":"@vant/weapp/submit-bar/index"
      2022-08-10
      回复
登录 后发表内容