浏览器兼容性问题

248 阅读1分钟

1、不同的浏览器样式存在差异,通过全局样式来抹平差异;

2、css3有许多属性还没正式成为标准,但是许多浏览器已支持,可以通过加厂商前缀;

webpack打包时通过插件postcss-loader可以实现自动添加前缀。

3、IE 条件注释;

4、解决 IE9 以下浏览器不能使用 opacity;

opacity: 0.5;
filter: alpha(opacity = 50);
filter: progid:DXImageTransform.Microsoft.Alpha(style = 0, opacity = 50);

5、new Date();

在ie中只支持“/”,其他浏览器支持“/”,“-”,“,”。

6、ie中传参不能传中文,encodeURLComponent编码传参;

7、ie浏览器缓存机制,为了防止ajax不停的请求,当参数没有发生改变时,将不会响应ajax的请求,直接返回数据;

解决方法:
url+”?t=”+new Date().getTime()
url+”?t=”+Math.random()