解决适配移动端问题汇总

1、手机键盘弹出挤压页面

// head里面加
<meta name="viewport" id="viewportMeta">

// 加在下面
<script>
    var initViewport = function (height) {
      var metaEl = document.querySelector("#viewportMeta");
      var content = "height=" + height + ",width=device-width,initial-scale=1.0,user-scalable=no";
      metaEl.setAttribute('name', 'viewport');
      metaEl.setAttribute('content', content);
    }
    var realHeight = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight
    initViewport(realHeight);
</script>

2、

某些浏览器不兼容 justify-content: end，用justify-content: flex-end代替

遇到适配问题都会在这里更新