H5頁面適配 iPhoneX，就是這麼簡單

iPhoneX 取消了物理按鍵，改成底部小黑條，這一改動導致網頁出現了比較尷尬的屏幕適配問題。對於網頁而言，頂部（劉海部位）的適配問題瀏覽器已經做了處理，所以我們只需要關注底部與小黑條的適配問題即可（即常見的吸底導航、返回頂部等各種相對底部 fixed 定位的元素）。 筆者通過查閱了一些官方文檔，以及結合實際項目中的一些處理經驗，整理了一套簡單的適配方案分享給大家，希望對大家有所幫助，以下是處理前

>>阅读原文<<