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

知更鸟
知更鸟
知更鸟
1632
文章
6929
评论
2021年2月1日08:34:161 1951

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

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

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

weinxin
版权声明
本站原创文章转载请注明文章出处
大自然的配色 Web前端

大自然的配色

配色是一门高深的艺术和学问,网上有很多将一些色块组合成各种色系的配色表,再冠以为什么清新、明快、时尚、稳重的名称,其实都是胡扯,你说这个配色非常高雅、明快,别人可能认为是土气、花哨,个人喜好不同,不能...
禁止查看网页源代码方法 Web前端

禁止查看网页源代码方法

总是有新手问,如何禁止别人查看自己的网页源代码?答案是没有,对于有经验者所有方法都是徒劳的。 禁止查看网页源代码方法 一般常用的方法是在网页中加上类似的JS代码,屏蔽屏蔽键盘和鼠标右键。 docume...