uni-app 适配 iOS iPhoneX 底部的黑条

yufei       11 月, 2 周 前       995

uni-app 适配 iOS iPhoneX 底部的黑条

2. 小程序

app.vue

<style>
page{
     padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
     padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}
</style>

h5

  1. 添加头部
<meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">

注意:最重要的是 : viewport-fit=cover

  1. 添加样式
<style>
body{
     padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
     padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}
</style>
目前尚无回复
简单教程 = 简单教程,简单编程
简单教程 是一个关于技术和学习的地方
现在注册
已注册用户请 登入
关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.