适配IE11踩雷备忘录

最最重要的放最前面:import ‘babel-polyfill’
自己下一个 ‘babel-polyfill’ npm install babel-polyfill --save-dev
同时webpack.base.conf.js里面要
entry: {
app: [‘babel-polyfill’, ‘./src/main.js’]
},

1.日历,IE11不认2020-01-01,要2020/01/01,可以data.replace(/-/g,"/")

2.访问get接口,后台收到的应为中文的字符串变成了乱码:用$axios.get(encodeURI(url))

3display:flex与min-height问题: 这里图解释了
4.如果你发现你的页面错位,而且内容都偏向位移,那大概是pisotion的问题,其他浏览器都默认不懈的是0,但是IE没有,
chrome写position:absolute; bottom:0;默认left=0,所以我就习惯不写,但是IE就一定要加上left:0;

5: table时,有一种情况是要写文字居中的,好像IE有点不行,最好是这么写,就可以全部适配了

在这里插入图片描述

要实现这样的效果,但是一个text-align:center不够,会这样
在这里插入图片描述
红色的第一个文字会到最上面,
这个时候最好给td加上这样的属性
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
word-break: break-word;

暂时这些,以后再补充

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值