懒人模板 微信小程序学习

_5-iPhone-X-兼容-体验_微信小程序

时间:2022-01-25 21:06:45热度: 分类:微信小程序学习

对于position: fixed的可交互组件，如果渲染在iPhone X的安全区域外，容易误触 Home Indicator，应当把可交互的部分都渲染到安全区域内。

建议使用以下wxss进行兼容

padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);

得分条件：position: fixed且高度小于 68px 的可交互组件渲染在安全区域内

下篇：_6-窗口变化适配-体验_微信小程
上篇：_4-可点击元素的响应区域-体验_

推荐文章

  1. css3实现按钮阴影效果 2022-12-12
  2. 示例代码-page-meta_微信小程序 2022-01-25
  3. 示例代码-navigation-bar_微信小程序 2022-01-25
  4. 示例代码-aria-component_微信小程序 2022-01-25
  5. 无障碍访问-aria-component_微信小程序 2022-01-25
  6. 原生组件相对层级-native-component_微信小程序 2022-01-25
  7. cover-view-与-cover-image-native-component_微信小程序 2022-01-25
  8. 原生组件的使用限制-native-component_微信小程序 2022-01-25
  9. 原生组件同层渲染-native-component_微信小程序 2022-01-25
  10. 原生组件-native-component_微信小程序 2022-01-25
  11. 返回首页
相关专题
推荐专题
行业模板分类
推荐专题
网页模板导航
网页模板
小程序模板
范文
建站

网站介绍

新手学习先从基础模板开始！懒人模板提供各类免费的模板下载，是您学习的好帮手！站点地图