刚接触小程序项目,可能理解的不对,举个例子:
在wxss中设置一个<view class="mod1"> ..... </view>框中的样式的高宽:height:300rpx;width:750rpx;
小程序好像是定下屏幕宽度是750rpx,所以无论屏幕大小,里面的输入框还是其他的,宽度都会自动变大变小,但是高度假如在iPhone5的模拟器看着高度布局还可以,但是换到屏幕大的模拟器,如iPhone 12 max之类的大屏幕,布局不变的情况下,iPhone 12 max模拟器下面就会有一大片空白。
想问一下,设置高度的时候,如何才能让它屏幕大小变化,但是布局不会变。求大佬指点。
你的意思是元素高度跟着屏幕高度缩放比例吗?
使用vh可以实现高度跟屏幕比例,主要还是根据你要做的内容选择什么样的样式代码,如果是均匀布局,可以使用vh+flex实现,非均匀布局,可以上下元素两边靠,中间元素margin。
如有必要可以根据机型设置不同的样式
能截个图看下你的页面嘛,正常高度不用考虑啊,超出屏幕活动就好了
1.设置rpx的话,高度也是会随屏幕大小变化的。
2.下方有空白,是因为你纵向所有view的高度加起来没有到100%,1334rpx。
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html#%E5%B0%BA%E5%AF%B8%E5%8D%95%E4%BD%8D