近日，Safari的Web浏览器引擎研究团队WebKit详细地向开发者介绍了如何为iPhoneX构建站点。因为iPhone的屏幕有个天然的“刘海”，这一新潮的设计为网站设计师们带来了新挑战。
iPhoneX的“刘海”设计着实让人心烦
看视频也有影响
WebKit给出的官方指南其实非常简单，就是将页面内容进行缩放，避开这个尴尬的“刘海”，除此之外，目前他们也没有完美的解决办法。
WebKit给出的解决方法是避开这块区域
绿色地带为主体内容的安全区
其实这对于全面屏来说，这个"刘海"无疑是个“硬伤”，希望在以后的iPhone机型上有更好地解决办法。