欢乐颂小说结局是什么,古风名字,魔天记忘语小说

導(dǎo)讀1.判斷是否是IPhoneX手機(jī)let isIphone = /iphone/gi.test(window.navigator.userAgent)let windowW = window.scre...

1.判斷是否是IPhoneX手機(jī)

let isIphone = /iphone/gi.test(window.navigator.userAgent)
  let windowW = window.screen.width
  let windowH = window.screen.height
  let pixelRatio = window.devicePixelRatio

  let isIPhoneX = isIphone && pixelRatio && pixelRatio === 3 && windowW === 375 && windowH === 812
  let isIPhoneXSMax = isIphone && pixelRatio && pixelRatio === 3 && windowW === 414 && windowH === 896
  let isIPhoneXR = isIphone && pixelRatio && pixelRatio === 2 && windowW === 414 && windowH === 896

  if (isIPhoneX || isIPhoneXSMax || isIPhoneXR) {
    // 底部增加fix-iphonex-bottm 樣式
    $(".contact-box").addClass('fix-iphonex-bottom')
    // 底部增加iphone-footer-bg樣式 初始none,條件滿足block
    $(".iphone-footer-bg").addClass('iphonexshow')
  }

2.增加fix-iphonex-bottom樣式

.fix-iphonex-bottom {
  bottom: 34px !important;
}

如果想更改IPhoneX底部34像素的背景顏色怎么辦呢？

3.增加iphone-footer-bg樣式

.iphone-footer-bg {
  height: 34px;
  background: #6D6D6D;
  width: 100%;
  position: absolute;
  bottom: -33px;
  display: none;
}
.iphonexshow {
  display: block !important;
}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持本站。

溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！

日本国产亚洲-日本国产一区-日本国产一区二区三区-日本韩国欧美一区-日本韩国欧美在线-日本韩国欧美在线观看

當(dāng)前位置:雨林木風(fēng)下載站 > 蘋果教程教程 > 詳細(xì)頁(yè)面

IphoneX底部適配的完成_CSS圖文詳細(xì)教程_CSS_頁(yè)面制作

本類教程下載

系統(tǒng)下載排行