In the sidebar of my wordpress theme looks fine in all browsers except Chrome. In chrome, the images resizes to being 1px shorter in height – making the images slightly blurry.
The CSS for the image element is
img {
max-width: 100%;
height: auto;
}
The resizing is preferred for mobile devices, but I don’t understand the change on a full screen monitor when in Chrome.
Is there a quick fix for this, or do you need to see more of the code to determine the issue?