使用swiper组件的transform属性导致文字模糊的解决办法

我先说说我的问题吧，我是因为使用swiper等类似的轮播插件中在较小的的分辨率比如电视上的看板，使用的960*540的分辨率下出现抖动以及文字模糊有锯齿的问题，如果你也是有同样问题那就继续往下看，然后查各种资料来来回回大家的解决办法都一样，接下记录一下我觉得比较有用的3篇文章：

1. 读了这篇文章你就知道大概是什么问题了，这篇文章说的是transgfrom中translate Y的值由于不是整数引起的，需要改源码，其实高度不要设100%这种的设置个具体高度就可，虽然Y值是整数了但是解决不了我的问题
2. 接下来看这篇文章，这篇文章主要是说明在使用swiper轮播插件，文字模糊变形，

主要解决方案是这个这不是就没有过渡动画了吗，不懂，但是也有人说有用的

.swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

作者：小胡变老胡
链接：https://juejin.cn/post/6925292932228612104
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

这个解决方案不是会被覆盖掉吗，或者就把过渡动画关了吗，不懂，但是也有人说有用的反正我是没有解决，如果你也没有解决继续往下；
2. 最后看这，这可以解决你80%的问题，但是需要科学上网，来来回回插件换了好几个，解决方法也试了好几个，但是问题没有解决，然后就去stackoverflow去找找答案，果然完美解决，这篇文章里主要说的是transform: scale导致文字模糊的解决办法，很多大佬在下面有各种各样的解决办法，最后我用filter: blur(0px)!important完美解决，你们有类似的各种各样的问题可以去那边文章去找找答案，在这我只做记录
3. 补充，最后补充下这篇文章下面也有很多解决办法，虽然没有解决掉我的问题，但是希望对你有用！！！