今天，Safari的Web浏览器引擎研究团队WebKit详细地向开发者介绍了如何为iPhone X构建站点。因为iPhone的屏幕有个天然的“刘海”，这一新潮的设计为网站设计师们带来了新挑战。

iPhone X的“刘海”着实令人烦

看视频也有影响

　　WebKit给出的官方指南其实非常简单，就是将页面内容进行缩放，避开这个尴尬的“刘海”，除此之外，目前他们也没有完美的解决办法。

WebKit给出的解决方法是避开这块区域

绿色地带为主体内容的安全区

　　其实这对于全面屏来说无疑是一个“硬伤”，希望以后有更好地解决办法吧。