1.IE10flex大部分写法不一致:
参考网址:blog.csdn.net/weixin_4430…
(ie9及以下不支持flex:浏览器兼容性可以参考CanIUse:caniuse.com/#feat=flexb…
2.button的默认type:
即使在没有form表单内,ie10在输入框点击enter也会触发页面里的button,因为ie8(s)+buton自带type=“submit“,此处将button的type改成button即可解决,同时建议在使用button标签的时候,需要明确的为其设定 type 属性(IE6 IE7 IE8(Q)type默认为button)。
3.ie10及其以下不支持通过e.currentTarget获取data-属性里面的值:
此处就手动给ie10加dataset数据;(此处示例在vue里面进行)
var obj={};
if (element.currentTarget.dataset) {
return element.currentTarget.dataset;
} else {
var data = element.target.attributes
console.log(data);
for (var i = 0; i < data.length; i++) {
var key = data[i].nodeName;
//判断是否以data-开头的属性名
if (/^data-\w+$/.test(key)) {
var value = data[i].nodeValue;//值
var keyName=key.match(/^data-(\w+)/)[1];//键名
obj[keyName]=value;//对象添加属性
}
}
}
return obj;
},
获取:var dataset = this.dataset(e); var auntIndex = dataset.属性名
4.ie 10极其以下line-height:
css不能只写line-height,不写height;否则盒子没办法撑起高度;
5.ie11及其以下不支持css里面initial属性;
