Archived topic
Squeezed Images (sometimes)
4 replies · Started by achims on July 19, 2016
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
And here is an example:
https://drive.google.com/file/d/0Bw7h5nos79NiTWZCazBiZHVVUFk/view?usp=sharing
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;
}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!
Thanks so much for that! I really appreciate it :)