Images height bug in ios

Admin 1
Viewed 9467

I have a problem with the height of images in the "products" part of my website www.takchinsaffron.com. The height isn't set in iOS. It hasn't any bug on other devices.

.grid figure{
    max-width: 100%;
    margin-top: 20px;
}

Enter image description here

enter image description here

css html ios
4 Answers

My parent had display: flex so I had to put align-self: flex-start on the image.

image {
  max-width: 100%;
  height: auto;
  align-self: flex-start;
}
user_40008690

For me, using only width: inherit on the image element resolved the issue.

For reference, my parent has the following properties:

    display: flex; 
    flex-direction: column; 
    width: 9vh;
    height: 9vh;
user_3720860

I had the same problem. My solution was to add:

 width: 100%; 
 height: 100%; 
 min-width: 100%;
user_55415500
Related