Img, the width is set to 100%, the picture will be blurred. It is clear when it is set to a fixed width.

img, if the width is set to 100%, the picture will become blurred. It is clear when it is set to a fixed width.
for example, the width of a picture 1920px:

code will make the image compressed more blurred.

so that the fixed width is not blurred.
I would like to ask you what the reason is and how to solve it. Thank you


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) */
}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e5b4ff-59ba7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e5b4ff-59ba7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?