浏览器兼容经历
兼容性查询网站 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() 不会刷新