IE9浏览器兼容性问题摘要

1、即浏览器在嵌套有标签的图片上带有蓝色边框

//react 中的写法
     

解决方案：将样式边框：无添加到img标签

2、 chrome浏览器中有样式，但是ie9中的页面中没有样式。原因：IE浏览器对css文件的大小有限制，并且当前css文件太大，无法加载。

具体限制如下：

KB 262161概述了Internet Explorer 6 9.支持的样式表和规则的最大数量。

更多详细信息（Internet Explorer中的样式表限制）：

解决方案：

ie9样式表只能读取4095条规则，超出此规则将无法生效，只需要下面的测试页，ie9只能看到4094条红色规则，其他则是白色（即无样式）；

①按需引入了CSS文件压缩和第三方插件库样式：

打包webpack时，css已被压缩。当前使用antd的UI框架，该框架直接介绍了整个antd的样式，因此将插件babel-plugin-import的安装更改为按需导入，从而减小了文件大小。

有关详细信息，请参阅：

到目前为止，我的问题已经解决，但是如果css文件仍然很大，则需要第二个解决方案。

②将css文件打包为多个小文件时，需要引入css-split-webpack-plugin分割文件。

参考文章：

3、 ie9中的react输入框的onChange事件报告了一个错误，并且无法识别react事件对象中的event.target.value（未定义）。解决方案：

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/shumachanpin/article-313232-1.html