IE适配问题

overflow：auto问题

IE  overflow：auto 会导致和  谷歌的高度不一样     外面加一个大的div  给div设置高度  不能单独放在最外层

滚动条问题

谷歌

/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:12px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}

ie

HTML {
  scrollbar-base-color: #134087;
  //scrollbar-base-color: #134087;
  scrollbar-3dlight-color:#134087;
  scrollbar-highlight-color: #134087;
  scrollbar-track-color: #011433;
  scrollbar-arrow-color: #011433;
  scrollbar-shadow-color:#011433;
  //scrollbar-dark-shadow-color: #011433;
}

element 弹框 问题

ie弹框不支持

 ElMessage({
            message: h('p', null, [
              h('span', null, '内容可以是 '),
              h('i', { style: 'color: teal' }, 'VNode'),
            ]),
          })

可替换

 this.$notify({
          title: '标题名称',
          message: h(
            'i',
            { style: 'color: teal' },
            '这是提示文案这是提示文案这是是提示文案这是提示文案这是提示文案'
          ),
        })

padding 计算方式

ie padding 计算方式和 谷歌不一样

 

会持续更新（以上是自己适配的时候遇到的问题）