viewport-fit解決iphoneX的「劉海」問題

iphoneX的「劉海」爲相機和其他組件留出了空間，同時在底部也留有可操作區域。那麼網站邊尷尬了~被限制在了這樣的「安全區域」內，兩邊會出現一道白條。解決的方案是：1、給body添加一個background；2、添加viewport-fit=cover meta標籤，使頁面佔滿整個屏幕。 <meta name="viewport" content="width=device-width, init

>>阅读原文<<