由于在iPhonex在状态栏增加了24px的高度，对于通栏banner规范的内容区域会有遮挡情况。如何解决呢？
工具/原料
苹果手机
方法/步骤
1
在页面通栏banner顶部增加一层高度44px的黑色适配层，整个页面往下挪44px，这种做法虽然不符合苹果设计规范，可以先以这种方式处理，后续再优化banner设计展现。
3
如果不这样设置 可以使用苹果官方提供的meta标签viewport-fit：有三个值contain：可视窗口完全包含网页内容；cover：网页内容完全覆盖可视窗口；auto：同contain；通过给页面设置viewport-fit=cover，可以将页面的布局延伸到页面顶部和底部。
下一篇：如何处理墙顶开裂？