2018年2月10日 星期六

【筆記】iPhone X 網站設計說明

文章來源:https://webkit.org/blog/7929/designing-websites-for-iphone-x/
Sep 22, 2017 by Timothy Horton


以下關於安全區域內嵌的部分已於2017年10月31日更新,以反映iOS 11.2測試版的變化。


Safari在新iPhone X的邊緣到邊緣顯示屏上精美地顯示網站。內容會自動嵌入顯示器的安全區域內,因此不會被圓角或設備的傳感器外殼遮擋。


在<body>或<html>元素上指定頁面background-color,讓頁面的其餘部分融入,對大多數網站而言這已經十分夠用了。


下圖為Safari的默認插入行為。
Safari的默認插入行為