针对iPhone X和iPhone XS这些傻叉手机安全距离的设定
主要针对下部分导航条，顶部导航条，如果不设置将显示不全。
最初由iOS浏览器提供，用于允许开发人员将其内容放置在视口的安全区域中，该规范中定义的safe-area-inset-* 值可用于确保内容即使在非矩形的视区中也可以完全显示。
语法
/* Using the four safe area inset values with no fallback values */
env(safe-area-inset-top);
env(safe-area-inset-right);
env(safe-area-inset-bottom);
env(safe-area-inset-left);/* Using them with fallback values */
env(safe-area-inset-top, 20px);
env(safe-area-inset-right, 1em);
env(safe-area-inset-bottom, 0.5vh);
env(safe-area-inset-left, 1.4rem);
safe-area-inset-top, safe-area-inset-right, safe-area-inset-bottom, safe-area-inset-left
safe-area-inset-*由四个定义了视口边缘内矩形的 top, right, bottom 和 left 的环境变量组成，这样可以安全地放入内容，而不会有被非矩形的显示切断的风险。对于矩形视口，例如普通的笔记本电脑显示器，其值等于零。 对于非矩形显示器（如圆形表盘，iPhoneX屏幕），在用户代理设置的四个值形成的矩形内，所有内容均可见。
注意: 不同于其他的 CSS 属性，用户代理定义的属性名字对大小写敏感。
body {padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)
}针对iPhone X和iPhone XS这些傻叉手机安全距离的设定相关推荐
- iPhone X，iPhone XS，iPhone XR，iPHone XS Max 适配（只说实现，不BB）
今天凌晨苹果新发布了三款手机,分别是iPhone XS,iPhone XR,iPhone XS Max,其中iPhone XS的屏幕尺寸和iPhone X的是一致的,另外两款都有了新的尺寸,具体尺寸如 ...
- 苹果x美版信号测试软件,iPhone X和iPhone XS的基带不同，信号就差别真这么大吗？还真的是有很大的区别！...
iPhone X和iPhone XS的基带不同,信号就差别真这么大吗?还真的是有很大的区别! 2020-11-27 15:48:34 13点赞 10收藏 13评论 创作立场声明:所写原创内容均为属实, ...
- 最新的iPhone 各种机型尺寸信息列表（含iPhone 7/8、iPhoneX、iPhone XR、iPhone XS Max）
1. iPhone 各种机型尺寸信息列表入下表: 机型 尺寸 逻辑缩放因子 (UIKit Scale factor) 实际缩放因子 (Native Scale factor) 屏幕宽高 屏幕分辨率 3 ...
- 苹果x打开软件速度测试,iPhone X/XS/11 Pro实机运行速度测试：A13表现尴尬
按照苹果发布会上的说法,A13处理器的性能比A12提升了20%.至少以Geekbench跑分来看,所言的确属实.不过,跑分归跑分,更具说服力的其实是实机运行起来的速度. EAP找来iPhone X.i ...
- iPhone 14 与iPhone 13
iPhone 14 与iPhone 13 iPhone14Pro配置曝光:感叹号+4800w像素 | 小米12Ultra 最新套壳图 距离下一代iPhone发布还有半年之久,关于iPhone14系列的 ...
- iphonex屏幕出现一条绿线_关于对 iPhone 11、iPhone X? 采用的 Liquid 视网膜显示屏的误区，在此说明。...
Liquid 视网膜显示屏是 Apple 于 2018 年推出并应用于 iPhone Xʀ 上的新一代视网膜高清显示屏,此屏幕也被沿用于 2019 年推出的 iPhone 11 上. 目前此屏幕已知参 ...
- iPhone 6和iPhone 6 plus的AV Foundation框架特性
转载自 http://www.cocoachina.com/ios/20150202/11088.html 本文由CocoaChina翻译组成员YueWang(博客地址)翻译自苹果Technical ...
- iPhone机型判断大全 (2020年10月更新：iPhone 12、iPhone 12 Pro、iPhone 12 Pro Max)
设备型号官网地址:Models - The iPhone Wiki 2020年10月14日,新款iPhone 12 mini.12.12 Pro.12 Pro Max发布 - (NSString *) ...
- 新版 iPhone 名称：iPhone X、iPhone 8 和 iPhone 8 Plus
通过已泄漏的 iOS 11 GM 固件文件代码,基本敲定了今年 iPhone 三款新机的名称,并非为过去一直所流传的 iPhone 7s.iPhone 7s Plus 和 iPhone 8,而是跳过了 ...
- android 和 iphone x,在快充方面，iPhone X和iPhone 8系列都落后于Android 旗舰
在快充方面,iPhone X 和 iPhone 8 系列都落后于 Android 旗舰. iPhone X 和 iPhone 8 系列是苹果推出的第一批正式支持 USB-C 快速充电的智能手机.然而, ...
最新文章
- 【干货】智能电视UI设计那些事儿
- 消费金融大潮来了，银行必须打出这套进攻+防守的组合拳
- 用matlab相关分析,基于matlab的逐像元偏相关分析
- VTK：Points之PowercrustExtractSurface
- 纯虚函数竟然可以有实现体(但无任何实用价值,声明成普通虚函数就可以了)
- 解决：flask-sqlalchemy.exc.DataError: (pymysql.err.DataError) (1406数据库字段超出长度错误）
- 一句话总结重构、重载、重写
- 【仿某公司前台】 asp安全查询系统
- PostGis路径分析
- python数据结构基础的重点内容_Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】...
- 第三届长安杯检材一复盘
- android+京东分类菜单,Android仿京东商品分类
- 江苏省2017年高等数学竞赛本二试题(含解答)
- 提升网页加载速度 | google网站速度测试
- android paint 线宽_Android绘图：绘制直线的 drawLine方法
- 读《有效管理的5大兵法》笔记摘录（一）核心价值观：求实、进取、创新、协同、分享
- 去哪儿12306候补购票怎么用？
- vue 给静态资源增加路由前缀
- strcpy，strncpy和strncpy_s的区别 strncpy函数与memcpy函数
- 今日头条能干掉微信么？