css中图片缩放后不清晰解决方法

场景：uniapp开发，头部滚动条图片模糊不清晰

示例：

在图片样式加上image-rendering属性 

image-rendering: -webkit-optimize-contrast;

 

 image-rendering 属性用于设置图像缩放算法。它适用于元素本身，适用于元素其他属性中的图像，也应用于子元素。此属性对于未缩放的图像没有影响。