css中图片不清晰解决方法

2024-07-10 18:01| 来源: 网络整理| 查看: 265

图片不清晰问题：

用100%设置其宽度（高度不用设置，长宽只设置一个）

.img { width: 100%; // height: 100%; }

如果不起作用可以给img加入以下属性 image-rendering 属性用于设置图像缩放算法。它适用于元素本身，适用于元素其他属性中的图像，也应用于子元素。此属性对于未缩放的图像没有影响。

.img { image-rendering: -webkit-optimize-contrast; }

加入这段代码后图片变得很清晰（使用了某些图像处理的算法来达到这样的效果）

【本文地址】

今日新闻