qq814374557的博客

原创 iPhone X Web前端页面适配(处理可爱的刘海)

一、两个概念iPhone X和IOS 11的发布，不在许多技术方面造成了一定的冲击，前端也不可以避免地也受到影响，因为iPhone X刘海的影响，在编写前端页面的时候要做一些处理，下面先提出一些新的概念。安全区域 因为刘海的关系，所有的展示都会放在一个叫做safe-area的区域，如下图(1-1)，主要是为了防止显示的内容被刘海传感器(house sensor)，圆角边框(rounded cor