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

2021年2月18日11:10:18 发表评论
微信搜一搜 ts小陈

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

随着新Microsoft Edge推出,两款浏览器也交替使用起来,感觉新Microsoft Edge确实比火狐能快些,不过发现在Microsoft Edge中缩小后的缩略图明显比火狐模糊。

解决办法,在样式文件中添加:

  1. img {
  2.     backface-visibilityhidden;
  3.     -webkit-backface-visibilityhidden;
  4.     -moz-backface-visibilityhidden;
  5.     -ms-backface-visibilityhidden;
  6. }

如果是背景图片,给背景图片的DIV加上:

  1. .xxx {
  2.     image-rendering: -moz-crisp-edges; /* Firefox */
  3.     image-rendering: -o-crisp-edges; /* Opera */
  4.     image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
  5.     image-rendering: crisp-edges;
  6.     -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
  7. }
小陈号卡
ts小陈

发表评论(不允许含有网址!)

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

已登录用户不需要填写以下内容