img ，宽度设置100%，图片会变模糊。 设置为固定宽度就很清晰

Question

img ，宽度设置100%，图片会变模糊。 设置为固定宽度就很清晰。
比如一张图片宽度1920px：
<img src="1920img.jpg" width="100%">
代码这样写图片会压缩的比较模糊。
<img src="1920img.jpg" width="1920px">
这样固定宽度就不模糊了。。。
请教各位什么原因，如何解决，谢谢

Answer 1

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