共计 3121 个字符，预计需要花费 8 分钟才能阅读完成。
前言
安全区域与边界是 iOS11 新增特性。
安全区域
- 安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicator）影响。
- Webkit 为此增加了相应的 CSS 函数，用于获取安全区域边界值。
安全区域边界
安全区域边界有 4 个预定义变量：
- safe-area-inset-left：安全区域距离左边边界距离
- safe-area-inset-right：安全区域距离右边边界距离
- safe-area-inset-top：安全区域距离顶部边界距离
- safe-area-inset-bottom：安全区域距离底部边界距离
获取安全区域边界的方法
env(safe-area-inset-bottom)
最佳实践
page {padding-bottom: calc( constant(safe-area-inset-bottom) + 150rpx); /* 兼容 iOS = 11.2 */
}
/* 兼容老的连 constant 都不支持的 ios 机型 */
@supports not(constant(safe-area-inset-bottom)){
page {padding-bottom: 150rpx;}
}
- constant 在前，env 在后
参考
safe-area-inset-bottom
iphone
https://blog.csdn.net/qq_38111015/article/details/113940880
https://www.cnblogs.com/djjlovedjj/p/14686684.html
https://developer.mozilla.org/zh-CN/docs/Web/CSS/@supports
题外话
初入计算机行业的人或者大学计算机相关专业毕业生，很多因缺少实战经验，就业处处碰壁。下面我们来看两组数据：
2023 届全国高校毕业生预计达到 1158 万人，就业形势严峻；
国家网络安全宣传周公布的数据显示，到 2027 年我国网络安全人员缺口将达 327 万。
一方面是每年应届毕业生就业形势严峻，一方面是网络安全人才百万缺口。
6 月 9 日，麦可思研究 2023 年版就业蓝皮书（包括《2023 年中国本科生就业报告》《2023 年中国高职生就业报告》）正式发布。
2022 届大学毕业生月收入较高的前 10 个专业
本科计算机类、高职自动化类专业月收入较高。2022 届本科计算机类、高职自动化类专业月收入分别为 6863 元、5339 元。其中，本科计算机类专业起薪与 2021 届基本持平，高职自动化类月收入增长明显，2022 届反超铁道运输类专业（5295 元）排在第一位。
具体看专业，2022 届本科月收入较高的专业是信息安全（7579 元）。对比 2018 届，电子科学与技术、自动化等与人工智能相关的本科专业表现不俗，较五年前起薪涨幅均达到了 19%。数据科学与大数据技术虽是近年新增专业但表现亮眼，已跻身 2022 届本科毕业生毕业半年后月收入较高专业前三。五年前唯一进入本科高薪榜前 10 的人文社科类专业——法语已退出前 10 之列。
“没有网络安全就没有国家安全”。当前，网络安全已被提升到国家战略的高度，成为影响国家安全、社会稳定至关重要的因素之一。
网络安全行业特点
1、就业薪资非常高，涨薪快 2022 年猎聘网发布网络安全行业就业薪资行业最高人均 33.77 万！
2、人才缺口大，就业机会多
2019 年 9 月 18 日《中华人民共和国中央人民政府》官方网站发表：我国网络空间安全人才 需求 140 万人，而全国各大学校每年培养的人员不到 1.5W 人。猎聘网《2021 年上半年网络安全报告》预测 2027 年网安人才需求 300W，现在从事网络安全行业的从业人员只有 10W 人。
行业发展空间大，岗位非常多
网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…
职业增值潜力大
网络安全专业具有很强的技术特性，尤其是掌握工作中的核心网络架构、安全技术，在职业发展上具有不可替代的竞争优势。
随着个人能力的不断提升，所从事工作的职业价值也会随着自身经验的丰富以及项目运作的成熟，升值空间一路看涨，这也是为什么受大家欢迎的主要原因。
从某种程度来讲，在网络安全领域，跟医生职业一样，越老越吃香，因为技术愈加成熟，自然工作会受到重视，升职加薪则是水到渠成之事。
黑客 & 网络安全如何学习
今天只要你给我的文章点赞，我私藏的网安学习资料一样免费共享给你们，来看看有哪些东西。
1. 学习路线图
行业发展空间大，岗位非常多
网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…
职业增值潜力大
网络安全专业具有很强的技术特性，尤其是掌握工作中的核心网络架构、安全技术，在职业发展上具有不可替代的竞争优势。
随着个人能力的不断提升，所从事工作的职业价值也会随着自身经验的丰富以及项目运作的成熟，升值空间一路看涨，这也是为什么受大家欢迎的主要原因。
从某种程度来讲，在网络安全领域，跟医生职业一样，越老越吃香，因为技术愈加成熟，自然工作会受到重视，升职加薪则是水到渠成之事。
黑客 & 网络安全如何学习
今天只要你给我的文章点赞，我私藏的网安学习资料一样免费共享给你们，来看看有哪些东西。
1. 学习路线图
攻击和防守要学的东西也不少，具体要学的东西我都写在了上面的路线图，如果你能学完它们，你去就业和接私活完全没有问题。
2. 视频教程
网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。
内容涵盖了网络安全法学习、网络安全运营等保测评、渗透测试基础、漏洞详解、计算机基础知识等，都是网络安全入门必知必会的学习内容。
3. 技术文档和电子书
技术文档也是我自己整理的，包括我参加大型网安行动、CTF 和挖 SRC 漏洞的经验和技术要点，电子书也有 200 多本，由于内容的敏感性，我就不一一展示了。
4. 工具包、面试题和源码
“工欲善其事必先利其器”我为大家总结出了最受欢迎的几十款款黑客工具。涉及范围主要集中在 信息收集、Android 黑客工具、自动化工具、网络钓鱼等，感兴趣的同学不容错过。
还有我视频里讲的案例源码和对应的工具包，需要的话也可以拿走。
这些题目都是大家在面试深信服、奇安信、腾讯或者其它大厂面试时经常遇到的，如果大家有好的题目或者好的见解欢迎分享。
参考解析：深信服官网、奇安信官网、Freebuf、csdn 等
内容特点：条理清晰，含图像化表示更加易懂。
内容概要：包括 内网、操作系统、协议、渗透测试、安服、漏洞、注入、XSS、CSRF、SSRF、文件上传、文件下载、文件包含、XXE、逻辑漏洞、工具、SQLmap、NMAP、BP、MSF…
因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取
如果你对网络安全入门感兴趣，那么你需要的话可以点击这里 👉 网络安全重磅福利：入门 & 进阶全套 282G 学习资源包免费分享！
原文地址: css 安全区域 safe-area-inset-
