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

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

>>阅读原文<<