方法1.js判斷（以下采用Jquery）

 //適配iphonex
 if($(window).width() === 375 && $(window).height() === 724 && window.devicePixelRatio === 3){        
      $(".end-page").addClass("step-page-x");
      $(".false-img").css("paddingTop","2.5rem");
}

方法2.利用iphoneX獨特的型號參數

@media only screen and (device-width: 375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3
 
) {
    #btn {
        padding-bottom:34px; 
    }
}

375 — iphoneX設備的寬度
812 — iphoneX設備的高度
3 — iphoneX設備的分辨率
724 — iphoneX設備的高度(812) - 頂部通欄高度(88)

註意：

使用第一種方法js判斷的時候，$(window).height()計算的是扣掉所在瀏覽器的頭部底部後的高度，這邊的724是指H5在微信客戶端打開，扣掉微信客戶端自帶的頭部導航高度88後，所的724高度。

但是要是在其它瀏覽器（uc瀏覽器），嵌在uc瀏覽器客戶端裏面，UC瀏覽器有自帶的頭部導航和底部導航，所以$(window).height()計算出來的不是724，不同客戶端計算出來的$(window).height()不一定一樣，所以推薦使用第二種方法媒體查詢進行適配。

iphoneX適配！！！