在发布Apple手机后，前端人员在开发移动网页时应更加关注SO被称为安全区域的改编。实际上，这是后来的Apple手机。在页面上，您需要在顶部和底部保留更多的空间。
造成此问题的主要原因是Apple手机在屏幕上具有SO -Called Bangs屏幕，并且在屏幕下方添加了一个小的黑色条。
如图所示：
我们上下保留的空间是防止我们的页面内容被这些元素阻止，但是如果您制作的页面只是放在一些浏览器上（Wechat build -in hold -in browsers -in浏览器），则通常不需要处理对于顶部刘海问题，顶部通常是本机标题栏，而不是我们需要管理它。但是，如果您的页面嵌入了显示中，并且将其显示在全屏幕中，那么此问题仍然必须处理。
让我们介绍如何通过和进行处理。您可以根据场景选择。
在新功能中，包括两个新功能和四个预定常数：
我们可以这样使用它们：
当然，您也可以在底部的底部元素上单独使用它：固定：
当然，有时简单的方法无法满足实际需求方案，然后我们需要判断这些手机屏幕需要特殊处理。
随后的Apple移动参数如下：
iPhone X32436×1125812×375IPHONE XS32436×1125812×375IPHONE XS MAX32688×1242896×414IPHONE XR21792×828896×414我们将guind expale Mobile Phorte的长期屏幕屏幕屏幕。
在这一点上，这篇文章已经完成，鲜花洒了。
我希望本文对您有所帮助。如果您有任何疑问，请期待您的信息。