the background image under the iphonex in WeChat Mini Programs has been lengthened, and the button overlaps with it. How to solve it? Normal under iphone6.
] [1]
Code
<view class="container">
<button class="btn"></button>
<view class="bg">
<image src="{{image_src}}"></image>
</view>
</view>
.bg {
position: fixed;
bottom: 0px;
width: 100%;
height: 100%;
z-index: -10;
}
.bg image {
width: 100%;
height: 100%;
}
.btn{
width:400rpx;
margin-top:100%;
background-color: rgb(202, 99, 99);
border-radius:100rpx;
color:white;
}