search

HuangHongRui / huanghongrui.github.io

:poultry_leg: MyBlog | Keep track of every moment.. :icecream:
http://blog.luckyman.xyz/
3 stars 1 forks source link

Some Code... #36

Open HuangHongRui opened 5 years ago

HuangHongRui commented 5 years ago

使用 IPhone-X时，底部需要做的特殊Padding样式：

constant(safe-area-inset-bottom)
env(safe-area-inset-bottom)

然而，进而遇到的问题是，当出现底部出现工具条时，会出现BUG.这时需要使用JS识别适应：

function ipXVerifyButtom () {
  var scale = window.innerWidth / window.screen.width;
  if (window.screen.height - window.innerHeight / scale < 100) {
    // 底部无工具栏的情况下
    return true;
  }

当使用时，如有工具栏那么使用样式..