html - 放大时不要模糊图像

这不是一个会得到正确答案的答案，但是我还是会问:

是否可以放大或放大图像以使其不会模糊？

例如，this不应发生，像素不应彼此模糊，而应使用放大的块像素进行放大。是否有类似maginification: block;的东西或CSS或HTML中的东西，或者是JS polyfill？

最佳答案

image-rendering: pixelated;

但是尚不支持:

https://developer.mozilla.org/en-US/docs/CSS/image-rendering#Browser_compatibility

这些目前有效，但仅适用于缩小规模:

    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) */