鍍金池/ 問(wèn)答/HTML5  Java  iOS  HTML/ iPhone x 上下空一段怎么解決

iPhone x 上下空一段怎么解決

每個(gè)頁(yè)面上下都空一段，顏色還不一樣，，在模擬器和非iphone x真機(jī)上都沒(méi)有這個(gè)問(wèn)題，
就是在iphone x 真機(jī)上出現(xiàn)上下多出一段

如圖框里就是多出來(lái)的

clipboard.png

回答
編輯回答
晚風(fēng)眠

解決思路，上下設(shè)置兩個(gè)div，進(jìn)入頁(yè)面判斷是iPhone X時(shí)顯示，不是iPhone X時(shí)隱藏

isIphoneX:function(){
        return /iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375)
}
2018年7月20日 09:40