首页 > 其他分享 >H5解决iOS下刘海屏的问题

H5解决iOS下刘海屏的问题

时间:2022-11-10 17:00:15浏览次数:48  
标签:函数 area safe iOS H5 inset 刘海

全面屏手机把整个webview(包括状态栏)给H5的话,头部的返回按钮会置于页面的安全区外,会盖住header区域,导致无法后退等其他操作。

先说下constant 函数

iOS11 新增特性,Webkit 的一个 CSS 函数,用于设定安全区域与边界的距离,有四个预定义的变量(单位是px)

safe-area-inset-left
safe-area-inset-right
safe-area-inset-top
safe-area-inset-bottom

constant :针对iOS < 11.2以下系统

env :针对于iOS >= 11.2的系统

这两个函数都是 webkit 中 css 函数,可以直接使用变量函数,只有在 webkit 内核下才支持

网页默认不添加扩展的表现是 viewport-fit=contain ,需要适配 iPhone 必须设置 viewport-fit=cover

 

标签:函数,area,safe,iOS,H5,inset,刘海
From: https://www.cnblogs.com/theblogs/p/16877663.html

相关文章

  • cafffe 利用h5py生成多标签h5文件并训练
    h5py生成多标签h5文件importh5pyimportnumpyasnpdefmain():f=h5py.File('train00.h5','w')f.create_dataset('data',(1200,128),dtype='f8')f.create_data......
  • iOS:Weak指针的原理
    *Runtime维护了一张weak表,用来存放对象的weak指针*weak表是一张哈希表,对象的指针为key,value为指向该对象的weak指针数组。*当对象被释放前,会查询weak表中的所有wea......
  • iOS:KVO 的实现原理
    KVO是依赖kvc进行实现的。主要是依赖了isa_swizzling来实现的。1.当对一个类第一次进行观察时,系统会动态的创建一个派生类2.修改观察的对象的isa指针指向,指......
  • H5游戏开发-面向对象编程
    七、面向对象编程1.认识类与对象类是一种复杂的数据结构,他是将不同类型的数据与这些数据相关的操作封装在一起的集合体。对象是类的实例,是类描述的具体事物。(类是对象的......
  • iOS证书(.p12)和描述文件(.mobileprovision)制作
     证书类型分为2种,开发证书和发布证书1、开发证书(iOSCertificates(Development))(用于真机调试)2、发布证书(iOSCertificates(Production)))(打包ipa发布至AppStore)步骤:......
  • iOS上架ipa上传问题那些事
     总结一下自己的经验,如有错误请留言,尽快修改。先说一下IOSAPP上架的几个步骤(详细步骤见下图):创建证书申请文件登录Apple开发者中心以生成发行者证书(双击以下载)设......
  • Ios tat 监视I/O子系统
     iostat是I/Ostatistics(输入/输出统计)的缩写,用来动态监视系统的磁盘操作活动。11.1.命令格式iostat[参数][时间][次数]11.2.命令功能通过iostat方便查看CPU、网卡......
  • 100个iOS开发面试题汇总
    ​关于iOS开发面试,不管对于招聘和应聘来说,面试都是很重要的一个环节,特别对于开发者来说,面试中的技术问题环节不仅是企业对应聘者技能和积累的考察,也是一个开发者自我检验的......
  • Ios tat 监视I/O子系统
    iostat是I/Ostatistics(输入/输出统计)的缩写,用来动态监视系统的磁盘操作活动。11.1.命令格式iostat[参数][时间][次数]11.2.命令功能通过iostat方便查看CPU、网卡、tty设......
  • iOS快速实现环形渐变进度条
    前言进度条相信我们大家都不陌生,往往我们很多时候需要使用到圆形进度条。这篇文章给大家分享了利用ios如何快速实现环形进度条,下面来一起看看。一:先制作一个不带颜色渐变的......