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