本文主要是介绍css适配iphoneX，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
css适配iphoneX
前言
iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。
以下是处理前后效果图：
前置知识
安全区域
安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicator）影响，如下图蓝色区域：
这篇关于css适配iphoneX的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
