h5 下ios適配底部小黑條，簡單解決方案，只需一步

本文轉載自查看原文 2020-03-13 18:29 1868 uniapp/ vue/ React/ h5/ css3

在頁面加入一行css代碼即可

    @supports (bottom: env(safe-area-inset-bottom)) {

        body,
        .footer{
            box-sizing: content-box;
            padding-bottom: constant(safe-area-inset-bottom);
            padding-bottom: env(safe-area-inset-bottom);
        }
    }

然后在需要適配的元素上使用footer類即可

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。