[Resolved] Squeezed Images (sometimes)

[achims]

Hello,

with the Microsoft Edge Browser some images are squeezed. It seems to be an issue with the css:

/*media all*/
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
max-width: 100%;
height: auto;
}

/*media all*/
img {
max-width: 100%;
height: auto;
}

By disable “height: auto” the images show as they should.

Do you have an idea to fix this? Thanks a lot!
Generatepress is awesome!

Best regards,
Achim

[achims]

And here is an example:
https://drive.google.com/file/d/0Bw7h5nos79NiTWZCazBiZHVVUFk/view?usp=sharing

[Tom]

Seems to be a bug in Edge: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7778808/

You can work around this by adding this CSS:

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    max-width: 100%;
    height: initial;
}

img {
    max-width: 100%;
    height: initial;
}

[achims]

Thanks a lot. It works with “height: initial;”

I gave you a five Star Rating and want to say thanks for your work and your great theme!

[Tom]

Thanks so much for that! I really appreciate it 🙂

[Author]

Posts