news 2026/4/18 3:25:50

ios底部按钮被挡住

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
ios底部按钮被挡住

大家开发小程序时,需要在底部固定一个按钮时,却发现有时候被ios的小横条 (Home Indicator)遮挡内容,有时候触发不了事件。

我们这边是用uniapp开发小程序

可以设置一个全局样式类

.ios_bottom { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom)!important; padding-bottom: env(safe-area-inset-bottom)!important; padding-bottom: max(env(safe-area-inset-bottom), 30rpx) !important; }

env(safe-area-inset-bottom)在ios机型中大概是34px的距离,在安卓机型是0,所以需要有个max函数,取最大值。

给需要的区域增加这个样式,就不会被ios的小横条遮挡住了

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/17 19:27:52

Firebase Admin PHP SDK:企业级后端开发的终极解决方案

Firebase Admin PHP SDK:企业级后端开发的终极解决方案 【免费下载链接】firebase-php Unofficial Firebase Admin SDK for PHP 项目地址: https://gitcode.com/gh_mirrors/fi/firebase-php Firebase Admin PHP SDK 是一个专为 PHP 开发者设计的非官方 Fireb…

作者头像 李华
网站建设 2026/4/15 20:08:16

Proteus 8 Professional中Keil调试信息输出的配置方法

在 Proteus 中“看见”程序运行:手把手教你配置 Keil 调试信息输出你有没有过这样的经历?写完一段单片机代码,烧进开发板后却不知道它到底干了什么。LED 不亮、串口没输出、变量值对不上……调试像在黑箱里摸索,全靠猜。如果能在电…

作者头像 李华
网站建设 2026/4/13 20:24:15

操作指南:Proteus下载安装后元件库缺失解决方法

解决Proteus安装后元件库找不到的完整实战指南你是不是也遇到过这种情况:好不容易搜到一个“Proteus下载安装”教程,兴冲冲地装完打开软件,结果一搜索“电阻”、“电容”、“AT89C51”,却发现什么都没有?“Pick Device…

作者头像 李华
网站建设 2026/4/16 13:57:10

Lottie-web终极评测:从设计到开发的无缝动画协作方案

Lottie-web终极评测:从设计到开发的无缝动画协作方案 【免费下载链接】lottie-web 项目地址: https://gitcode.com/gh_mirrors/lot/lottie-web 在当今追求极致用户体验的时代,网页动画已成为提升用户参与度和品牌形象的关键要素。传统动画开发方…

作者头像 李华
网站建设 2026/4/3 6:58:30

Zynq平台下XADC采集模拟信号项目应用

基于Zynq平台的XADC高精度模拟信号采集实战指南你有没有遇到过这样的场景:系统里接了几个温度、电压传感器,原本以为很简单,结果发现外部ADC芯片占PCB空间不说,SPI通信还卡顿,采样频率上不去,CPU整天忙着轮…

作者头像 李华
网站建设 2026/4/13 21:01:04

python微信小程序积分商城购物系跑腿配送系统_09ok4

目录具体实现截图项目介绍论文大纲核心代码部分展示可定制开发之亮点部门介绍结论源码获取详细视频演示 :文章底部获取博主联系方式!同行可合作具体实现截图 本系统(程序源码数据库调试部署讲解)同时还支持Python(flask,django)、…

作者头像 李华