news 2026/8/29 0:21:29

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/8/21 12:49:55

LaVague智能网页代理:用AI语言驱动自动化新时代

LaVague智能网页代理:用AI语言驱动自动化新时代 【免费下载链接】LaVague 项目地址: https://gitcode.com/GitHub_Trending/la/LaVague 在数字化浪潮中,网页自动化已成为提升效率的关键技术。LaVague作为开源AI网页代理框架,通过智能…

作者头像 李华
网站建设 2026/8/21 12:48:34

GoldenDict词典智能更新终极指南:从入门到精通

还在为词典更新频繁中断而烦恼?GoldenDict的智能更新机制让你彻底告别重复下载的困扰!作为一款功能强大的开源词典软件,GoldenDict在词典管理方面展现出了卓越的智能化特性,特别是其增量更新和版本控制功能,让词典维护…

作者头像 李华
网站建设 2026/8/21 12:48:35

使用Docker安装TensorFlow 2.9并挂载外部数据卷的方法详解

使用Docker安装TensorFlow 2.9并挂载外部数据卷的方法详解 在深度学习项目开发中,最令人头疼的往往不是模型调参或数据预处理,而是“环境配置”——明明本地跑得好好的代码,换一台机器就报错依赖缺失、版本冲突,甚至CUDA不兼容。…

作者头像 李华
网站建设 2026/8/22 6:49:07

AI Agent修炼秘籍:从L1小白到L5大神,记忆规划工具三大支柱全解析

通用 LLM Agent 在工业落地时面临“不会记忆、不会规划、不会用工具”三大短板,缺乏系统级成熟度标尺。L1-L5 工业 Agent 能力成熟度框架,把“记忆-规划-工具”三大技术的演进与产业场景一一映射,给出可量化的“爬级”路线。覆盖 50 行业案例…

作者头像 李华
网站建设 2026/8/21 12:48:31

Minecraft世界保存神器:永久珍藏你的冒险回忆

Minecraft世界保存神器:永久珍藏你的冒险回忆 【免费下载链接】minecraft-world-downloader Download Minecraft worlds, extend servers render distance. 1.12.2 - 1.20.1 项目地址: https://gitcode.com/gh_mirrors/mi/minecraft-world-downloader 还在为…

作者头像 李华
网站建设 2026/8/21 12:48:37

全面讲解Proteus元器件库大全中传感器模型的使用

深入Proteus传感器仿真:从调参到代码,手把手教你构建智能感知系统在嵌入式开发的日常中,你是否遇到过这样的场景?硬件还没到货,但老板已经催着要看到“温湿度采集光照控制”的完整功能演示;或者&#xff0c…

作者头像 李华