收藏
回答

页面高度如何根据不同的屏幕大小而变化?

刚接触小程序项目,可能理解的不对,举个例子:

在wxss中设置一个<view class="mod1"> ..... </view>框中的样式的高宽:height:300rpx;width:750rpx;

小程序好像是定下屏幕宽度是750rpx,所以无论屏幕大小,里面的输入框还是其他的,宽度都会自动变大变小,但是高度假如在iPhone5的模拟器看着高度布局还可以,但是换到屏幕大的模拟器,如iPhone 12 max之类的大屏幕,布局不变的情况下,iPhone 12 max模拟器下面就会有一大片空白。

想问一下,设置高度的时候,如何才能让它屏幕大小变化,但是布局不会变。求大佬指点。

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

5 个回答

  • MY
    MY
    2022-09-20

    你的意思是元素高度跟着屏幕高度缩放比例吗?

    使用vh可以实现高度跟屏幕比例,主要还是根据你要做的内容选择什么样的样式代码,如果是均匀布局,可以使用vh+flex实现,非均匀布局,可以上下元素两边靠,中间元素margin。

    2022-09-20
    有用
    回复
  • 微盟
    微盟
    2022-07-31

    如有必要可以根据机型设置不同的样式

    2022-07-31
    有用
    回复
  • 茜茜又困了🐽
    茜茜又困了🐽
    2022-07-30
    1. rpx会进行适配,不过手机和平板展示的效果确实有较大区别
    2. 针对你所说的情况,可以考虑使用百分比。例如高度设置为30%,同样也会适配各个机型
    3. 使用vw作为宽度单位以及vh作为高度单位
    2022-07-30
    有用
    回复
  • Frank
    Frank
    发表于小程序端
    2022-07-30

    能截个图看下你的页面嘛,正常高度不用考虑啊,超出屏幕活动就好了

    2022-07-30
    有用
    回复
  • ⅴ
    2022-07-30

    1.设置rpx的话,高度也是会随屏幕大小变化的。

    2.下方有空白,是因为你纵向所有view的高度加起来没有到100%,1334rpx。

    2022-07-30
    有用
    回复 2
登录 后发表内容