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

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

 

 

图片[1]-Chrome 图片缩小的状态下模糊解决办法-ACG120

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

 

 

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

  1. img {
  2. backfacevisibility: hidden;
  3. webkitbackfacevisibility: hidden;
  4. mozbackfacevisibility: hidden;
  5. msbackfacevisibility: hidden;
  6. }

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

  1. .xxx {
  2. imagerendering: mozcrispedges; /* Firefox */
  3. imagerendering: ocrispedges; /* Opera */
  4. imagerendering: webkitoptimizecontrast; /*Webkit (non-standard naming) */
  5. imagerendering: crispedges;
  6. msinterpolationmode: nearestneighbor; /* IE (non-standard property) */
  7. }

虽然处理后有所改善,不过还是与火狐有差距,而且Chrome看网页文字也明显不如火狐清晰,也可能是我不会调教这玩意吧。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共1条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片