谷歌浏览器下图片缩放模糊失真

解决方法：

backface-visibility:hidden;
-webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
-moz-backface-visibility:hidden; 	/* Firefox */
-ms-backface-visibility:hidden; 	/* Internet Explorer */

说明：

成品网站做ie兼容的时候，发现google相较于ie图片显示稍显模糊，失真。
查明后发现是因为使用swiper，swiper自带的transform或者transition的元素渲染问题。加上这段代码就可以了。

定义和用法：

backface-visibility 属性定义当元素不面向屏幕时是否可见。

默认值： visible 继承性：

no 版本： CSS3 JavaScript

语法： object.style.backfaceVisibility="hidden"

 语法：

backface-visibility: visible|hidden;  /*背面可见|背面不可见*/