H5 page runs on IOS, what if some content at the bottom of the page is blocked?

problem description

H5 page runs on IOS, what if some content at the bottom of the page is obscured? No problem on Android, everything is fine!

as shown in figure:

IOS: on Android

obviously, the button at the bottom is blocked from running on IOS, guys, how to solve this? Thank you here!

Sep.10,2021

are you talking about the 'sign up now' button at the bottom?

if so, and you use position:fixed to fix it at the bottom of the screen, there may be problems in ios

.

you can change the layout, such as

<style>
html,body{
    height:100%
}
.page{
    box-sizing:border-box;
    height:100%;
    padding-bottom:40px;
    position:relative;
}
.con{
    height:100%;
    overflow:auto
}
.btn{
    position:'absolute';
    bottom:0;
    left:0;
    width:100%;
    hieght:40px;
    ...
}
</style>
<div class="page">
    <div class="con"></div>
    <a class="btn"></a>
</div>
Menu