iPhoneX的「丑劉海」影響瀏覽網頁體驗？解決方法來了

10周年iPhone X 採用全屏幕設計, 而之前有傳其「丑劉海」慨設計或會影響瀏覽體驗, 例如部份內容會被「瀏海」的屏幕部份遮蓋, 當然一直都沒有一個比例具公信力的講法, 這「丑劉海」慨設計是否真的會引起瀏覽上的不便! 不過早二日前網上就流出的疑似Safari 網頁團隊公布的網頁優化指引!

筆者翻查相關資料, 發現這份指引來自WebKit 的官方網頁, 根據其網站的資料Webkit 是Safari 的Web Browser Engine, 所以基本可以判斷呢份指引有一定指標性, 而該文就教人如何優化網頁,從而讓網頁能更完美展示在iPhone X 上! 哪究竟網頁在iPhone X 上展示會有什麼問題呢?!

這組就是Webkit 所展示iPhone X 瀏覽網頁的視覺效果圖, 從以上圖片可見, 部份網頁內容被遮蓋, 而Webkit 同步放出指引說明需預留多少空間, 希望網頁開發者及各App 開發者依照以上的指引用自己的方式去避開「丑劉海」!

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！