The community member is having trouble with divs not behaving the same on Android and iOS devices, specifically on iOS version 17.6.1 on an iPhone 11. The issue occurs across all current browser versions, including Firefox, Chrome, and Safari. The community members discuss potential solutions, such as changing the display property, disabling Safari, and addressing the height 100% issue. Eventually, one community member suggests that the problem is related to the community member trying to squeeze an image into a layout, and that the image should define the proportions instead. This solution is confirmed to have solved the issue.
I am having trouble with divs not behaving the same on Android and iOS. iOS ver 17.6.1 iPhone 11 Issue happens across all current versions of browsers: Firefox, Chrome, Safari.
The messed up one is from iOS. The correct one is from Android.
you seem to be trying to squeeze the image into a layout, where the image should be defining the proportions, so if you need some kind of object fit like cover/contain, that should be on the image
