css设置宽高100%以后像素丢失，处理方式

可以看下前后对比图

没设置之前

设置之后

可以看见还是有很大的对比的，代码是看另外大佬的，并且考虑了兼容的问题

/* 图片设置100%以后像素丢失 */
img {
    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) */
}