收藏
回答

​小程序页面如何实现高度自适应

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 需求 客户端 7.0.4 2.7.1

小程序页面如何实现高度自适应


如图:



这个是iPhone7 打开时候的样子首页 但是其实 小程序下面还有一个板块




用iPhoneX 这种比较长的手机 不用往下滑就可以看到全部了


我在这里想问一下大家 如何做到不管手机是什么尺寸,只要进来就能看到完整的页面 不用下滑。


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

2 个回答

  • 明明
    明明
    2019-06-03

    page的高度设置100vh 然后分3块  加起来等于100vh即可 如下代码


    <view class="div1"></view>

    <view class="div2"></view>

    <view class="div3"></view>


    page {height: 100vh; }

    view {background: #eee; }

    .div1 {height: 20vh; background: red; }

    .div2 {height: 70vh; }

    .div3 {height: 10vh; background: orange; }


    2019-06-03
    赞同
    回复
  • 铭锋科技
    铭锋科技
    2019-06-03

    你现在的尺寸单位是rpx吗?

    2019-06-03
    赞同
    回复 2
    • HELLO
      HELLO
      2019-06-03

      是的 用的是rpx

      2019-06-03
      回复
    • 铭锋科技
      铭锋科技
      2019-06-03回复HELLO

      那就是图片高度的问题了

      2019-06-03
      回复
登录 后发表内容