成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

IphoneX底部適配

Guakin_Huang / 2346人閱讀

摘要：判斷是否是手機(jī)底部增加樣式底部增加樣式初始條件滿(mǎn)足增加樣式如果想更改底部像素的背景顏色怎么辦呢增加樣式

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,條件滿(mǎn)足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;
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54066.html

相關(guān)文章

  • iphoneX適配-客戶(hù)端H5頁(yè)面

    摘要：由于做了全面屏并且還保留一塊小劉海，因此很多以前的移動(dòng)端頁(yè)面需要結(jié)合客戶(hù)端做出相應(yīng)的適配，具體如下頂部通欄之前的客戶(hù)端一直采用狀態(tài)欄導(dǎo)航欄的做法。這時(shí)候需要底部留出一塊空白安全區(qū)域，頁(yè)面內(nèi)容最終的底線(xiàn)應(yīng)在手機(jī)拐角處。該安全區(qū)域的高度為。 由于iphoneX做了全面屏并且還保留一塊小劉海，因此很多以前的移動(dòng)端H5頁(yè)面需要結(jié)合App客戶(hù)端做出相應(yīng)的適配，具體如下： 1、頂部通欄 之前的客戶(hù)...

    GitChat 評(píng)論0 收藏0

  • iphoneX適配-客戶(hù)端H5頁(yè)面

    摘要：由于做了全面屏并且還保留一塊小劉海，因此很多以前的移動(dòng)端頁(yè)面需要結(jié)合客戶(hù)端做出相應(yīng)的適配，具體如下頂部通欄之前的客戶(hù)端一直采用狀態(tài)欄導(dǎo)航欄的做法。這時(shí)候需要底部留出一塊空白安全區(qū)域，頁(yè)面內(nèi)容最終的底線(xiàn)應(yīng)在手機(jī)拐角處。該安全區(qū)域的高度為。 由于iphoneX做了全面屏并且還保留一塊小劉海，因此很多以前的移動(dòng)端H5頁(yè)面需要結(jié)合App客戶(hù)端做出相應(yīng)的適配，具體如下： 1、頂部通欄 之前的客戶(hù)...

    wuaiqiu 評(píng)論0 收藏0

  • iphoneX適配-客戶(hù)端H5頁(yè)面

    摘要：由于做了全面屏并且還保留一塊小劉海，因此很多以前的移動(dòng)端頁(yè)面需要結(jié)合客戶(hù)端做出相應(yīng)的適配，具體如下頂部通欄之前的客戶(hù)端一直采用狀態(tài)欄導(dǎo)航欄的做法。這時(shí)候需要底部留出一塊空白安全區(qū)域，頁(yè)面內(nèi)容最終的底線(xiàn)應(yīng)在手機(jī)拐角處。該安全區(qū)域的高度為。 由于iphoneX做了全面屏并且還保留一塊小劉海，因此很多以前的移動(dòng)端H5頁(yè)面需要結(jié)合App客戶(hù)端做出相應(yīng)的適配，具體如下： 1、頂部通欄 之前的客戶(hù)...

    fou7 評(píng)論0 收藏0

  • IphoneX底部適配

    摘要：判斷是否是手機(jī)底部增加樣式底部增加樣式初始條件滿(mǎn)足增加樣式如果想更改底部像素的背景顏色怎么辦呢增加樣式 1.判斷是否是IPhoneX手機(jī) let isIphone = /iphone/gi.test(window.navigator.userAgent) let windowW = window.screen.width let windowH = window.screen....

    Alliot 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<