```
html:
<div class="main">
你自己的页面内容
</div>
```
css
```
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.main{padding-top:44px;padding-bottom: 34px;}
.main:before{content:"";display:block;position: fixed;width:100%;height:44px;background-color:#15d6ba;top:0;left: 0;z-index:9999;}
.main:after{content:"";display:block;position: fixed;width:100%;height:34px;bottom:0;left: 0;z-index:9999;}
}
```
结果完美