IE10的兼容性处理

子舒

发布于 2022-06-09 14:08:40

9200

发布于 2022-06-09 14:08:40

IE10不支持箭头函数，写js的时候慎用。
IE10下对js的语法要求严格，正常参数后如果没有多余的代码，写个,会报错，如果加了删掉就OK，Chrome下不会产生影响。
zoom属性能不用，尽量别用。我在Chrome使用zoom进行大小调整，放到IE10运行，整个页面都错位了，找半天才想起来之前给一个容器设置了zoom: 1.1;，真是让人头大。
IE10下img标签自带白边，在默认样式里面设置border: none;即可。

img {
    border: none;
}

IE10能兼容大部分的html5新标签，唯独不能兼容 main。
box-shadow 阴影属性其实IE10是支持的，但是需要注意语法问题，在普通浏览器color可以用rgba,#等写法，但是在IE10下，只能通过#000000写法，#和六位的颜色标记，不可以简写，否则不生效。
IE10不兼容es6新语法。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021 年 03 月，如有侵权请联系 cloudcommunity@tencent.com 删除