图片不清晰问题:
用100%设置其宽度(高度不用设置,长宽只设置一个)
.img {
width: 100%;
// height: 100%;
}
如果不起作用可以给img加入以下属性
image-rendering 属性用于设置图像缩放算法。它适用于元素本身,适用于元素其他属性中的图像,也应用于子元素。此属性对于未缩放的图像没有影响。
.img {
image-rendering: -webkit-optimize-contrast;
}
加入这段代码后图片变得很清晰(使用了某些图像处理的算法来达到这样的效果)