Chrome 图片缩小的状态下模糊解决办法

  • A+
所属分类:使用教程

本人很少用Chrome,大部分情况下火狐是主力浏览器,随着新Microsoft Edge推出,两款浏览器也交替使用起来,感觉新Microsoft Edge确实比火狐能快些,不过发现在Microsoft Edge中缩小后的缩略图明显比火狐模糊。

Chrome 图片缩小的状态下模糊解决办法

Chrome 图片缩小的状态下模糊解决办法Chrome 图片缩小的状态下模糊解决办法
解决办法,在样式文件中添加:

img {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
如果是背景图片,给背景图片的DIV加上:

.chrome {
image-rendering: -moz-crisp-edges; /* Firefox / image-rendering: -o-crisp-edges; / Opera / image-rendering: -webkit-optimize-contrast; /Webkit (non-standard naming) / image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; / IE (non-standard property) */
}
虽然处理后有所改善,不过还是与火狐有差距,而且Chrome看网页文字也明显不如火狐清晰,也可能是我不会调教这玩意吧。

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: