苹果home兼容问题修改--苹果fixed定位被遮挡-或者距离太近

效果

meta 中添加 viewport-fit=cover

<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1.0, user-scalable=0">

fixed定位 bottom添加安全距离

 bottom: constant(safe-area-inset-bottom);//兼容 IOS<11.2bottom: env(safe-area-inset-bottom);//兼容 IOS>11.2

当前页页面高度记得做处理
底部有高度 height 添加安全距离

 height: calc(50px + constant(safe-area-inset-bottom));height: calc(50px + env(safe-area-inset-bottom));

苹果home兼容问题修改--苹果fixed定位被遮挡-或者距离太近相关推荐

计算机mac地址怎么修改密码,如何修改苹果电脑mac地址？
今天有用户问我:苹果电脑mac地址如何修改?因为网卡的mac地址跟我们的身份一样都是唯一的,但是有时候我们由于工作的需要就需要修改mac地址,但是却不知道怎么修改mac地址,下面小编和大家介绍苹果电脑 ...
在ios中fixed定位元素丢失，Date兼容NaN
Aphorism Preface 差不多有半年没有更新blog了, 现在在新的公司适应了,最近喜得一千金,也慢慢适应了新的生活. 今天更新一篇关于最近遇到的 ios fixed定位元素丢失 bug i ...
在VMware中如何修改苹果系统分辨率，给苹果系统安装VMware tools
大家在虚拟机(VMware)中使用苹果系统时发现:苹果系统的分辨率无法修改,因此这个给我们使用mac系统带来了不便. 解决方法: 1.首先在这个时候你需要下载Darwin.ios,将该文件挂载到VMw ...
Mac新手教程——修改苹果Mac电脑窗口上按钮与菜单颜色
**MAC电脑如何修改苹果Mac电脑窗口上按钮与菜单颜色?**可能新接触苹果macosx的用户不清楚该如何设置.今天小编就带来一篇文章,详细介绍Mac电脑窗口上按钮与菜单颜色的修改方法. 1.首先,打 ...
页面跳转微信及QQ的链接。QQ兼容安卓及苹果跳转
项目中遇见的磕磕碰碰页面跳转微信及QQ的链接.QQ兼容安卓及苹果跳转 QQ跳转,兼容安卓及苹果跳转的链接页面跳转微信及QQ的链接.QQ兼容安卓及苹果跳转 QQ跳转,兼容安卓及苹果跳转的链接此次遇 ...
小程序苹果6s兼容遇到的坑的总结
温馨提示:在调试微信下程序遇到的坑,建议大家用远程调试看看,这样容易找到问题 1.fixed定位问题整个页面的fixed定位,在ios下下拉会触发下拉事件,但是没有动画效果.Android就能正常运 ...
fixed定位 input在IOS设备上光标位置异常问题
页面是个长页面,点击页面不同部分,会弹出弹窗,如果用absolute定位,那么弹窗的位置就难以定位,因而决定采用fixed定位,此时在IOS 11.2.x 系统中就会出现点击input光标位置异常的 ...
CSS transform 使 fixed 定位失效？
CSS transform 使 fixed 定位失效? 1. 最终实现效果如下看似简单的一个动画,却出现了种种bug,也不叫bug,毕竟是W3C官方的嘛,整整耗费了我一下午的时间去搞它. 2. 布局 ...
苹果三代耳机_【团品2】1.苹果原装数据线以及有线耳机 2.苹果蓝牙耳机
"uu淘世界 UUTSJ-9.24-9.30秒杀-活动详情 [官方微博]:UU淘世界团购网 [秒杀时间]:9月24日11:00-9月30日24:00 [秒杀地址]:复制文章内地址 [秒杀暗号 ...

苹果home兼容问题修改--苹果fixed定位被遮挡-或者距离太近

苹果home兼容问题修改--苹果fixed定位被遮挡-或者距离太近相关推荐

最新文章

热门文章