mobile-browser v0.0.21

install

yarn add mobile-browser or npm i mobile-browser -S

use css class ".fix-iPhoneX-bottom"

.fix-iPhoneX-bottom
    .page-iCloud
        .footer
            @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)
                .btnWrap
                    padding-bottom: 44px

            @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)
                .btnWrap
                    padding-bottom: 44px

            @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)
                .btnWrap
                    padding-bottom: 44px

    .page-help
        @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)
            footer
                height: 84px !important

        @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)
            footer
                height: 84px !important

        @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)
            footer
                height: 84px !important