浏览器兼容经历

兼容性查询网站 https://www.caniuse.com/

IE9

IE9不能在代码中通过console.log输出内容

IE9在没打开F12调试模式的时候，是不支持console打印日志的，并且还会影响代码的执行。

IE9不能完全解析大于250kb的css文件

antd的css文件大于250kb，因此无法完全解析，导致出现”部分组件能用，但部分组件不能用”的问题。

IE9不支持部分css特性以及很多css3特性

已发现的部分：

• IE9 不支持 css 动画，支持 svg 图标 ，不支持 svg 动画，支持 canvas 动画
• IE9 不支持 translate3d
• IE9 不支持 placeholder
• IE9 不支持 flex
• IE 不支持 #rrggbbaa 支持 rgba()

IE9 BUG

BUG：当某元素使用了 overflow、max-height 等 CSS 属性且子元素中有设置了 :hover 伪类的元素，鼠标经过该元素时就会出现元素高度乱变的 BUG。

解决方法：该元素设置 min-height: 0%。

FireFox

document.write('any words');
location.reload();
// FireFox 下 location.reload() 不会刷新