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

1年前发布

1480

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

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

解决办法，在样式文件中添加：

img {
backface–visibility: hidden;
–webkit–backface–visibility: hidden;
–moz–backface–visibility: hidden;
–ms–backface–visibility: hidden;
}

如果是背景图片，给背景图片的DIV加上：

.xxx {
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看网页文字也明显不如火狐清晰，也可能是我不会调教这玩意吧。

© 版权声明

版权声明蛋糕原创，禁止转载!
交流QQ 1986044434
注意本站发布的文章及教程仅限用于学习和研究目的.请勿用于商业或违法用途，否则后果请用户自负。本站所有资源不带技术支持，下载资源请24小时内删除，如用于违法用途，或者商业用途，一律使用者承担，本站不承担任何责任！
本站资源多为网络收集，如涉及版权问题请及时与站长联系qq：1986044434，我们会在第一时间内删除资源。

THE END

经验总结网站美化手册

喜欢就支持一下吧

相关推荐

评论共1条

欢迎您留下宝贵的见解！

提交

- chaoge10
  大佬呀
  1年前回复