🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
#### **使用position:fixed这个属性的话,在安卓手机里会浮上来,而苹果却不会。** 下面我们不使用position这个属性来做 HTML ~~~ <div class="mui-content bg-white"> <div class="container-box"> <span style="white-space:pre;"></span> <form> <input type="text" placeholder="请输入密码"/> <br /> <input type="tel" placeholder="请输入电话" /> <br /> <input type="text" placeholder="请输入密码"/> </form> </div> <div class="operate mt30"> <button class="mui-btn mui-btn-block btn-submit" type="button" id="submitButton">提交</button> </div> </div> ~~~ CSS ~~~ html,body{padding: 0;margin: 0;height:100vh} .mui-content{height:100vh;display: flex;display:-ms-flex;display:-webkit-flex; flex-direction: column;} .container-box{flex:1;-ms-flex:1;-webkit-flex:1} .operate { position: relative; } .operate .btn-submit { width: 100%; border-radius: .2rem; height: 2rem; color: #fff; font-size: .8rem; line-height: 1; padding: 0; letter-spacing: 1px; border: 0; background-color: #00aaee; } ~~~