news 2026/5/30 17:58:26

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/5/27 13:44:57

终极Bootstrap 3.4.1完整指南:如何快速构建响应式网站

终极Bootstrap 3.4.1完整指南:如何快速构建响应式网站 【免费下载链接】Bootstrap3.4.1资源下载 本资源库提供Bootstrap 3.4.1版本的压缩文件下载,包含前端框架的核心组件、CSS样式及JavaScript插件。Bootstrap以其强大的响应式布局能力著称,…

作者头像 李华
网站建设 2026/5/22 14:33:45

Julia数据可视化终极指南:10个快速掌握Plots.jl的实用技巧

Julia数据可视化终极指南:10个快速掌握Plots.jl的实用技巧 【免费下载链接】Plots.jl Powerful convenience for Julia visualizations and data analysis 项目地址: https://gitcode.com/gh_mirrors/pl/Plots.jl Plots.jl是Julia编程语言中最强大的数据可视…

作者头像 李华
网站建设 2026/5/22 2:52:01

LaTeX公式OCR识别新突破:基于Qwen3-VL模型的Lora微调实战指南

LaTeX公式OCR识别新突破:基于Qwen3-VL模型的Lora微调实战指南 【免费下载链接】self-llm 项目地址: https://gitcode.com/GitHub_Trending/se/self-llm 想要让AI模型准确识别复杂的数学公式吗?🤔 在科研和学术工作中,数学…

作者头像 李华
网站建设 2026/5/29 23:17:47

终极指南:如何在C++项目中快速集成stduuid库

终极指南:如何在C项目中快速集成stduuid库 【免费下载链接】stduuid A C17 cross-platform implementation for UUIDs 项目地址: https://gitcode.com/gh_mirrors/st/stduuid 作为一名C开发者,你是否曾为生成全局唯一标识符而烦恼?std…

作者头像 李华