ios中的图像高度错误答案

【问题标题】：Images height bug in iosios中的图像高度错误
【发布时间】：2021-09-04 00:06:42
【问题描述】：

我的网站www.takchinsaffron.com 的“产品”部分中的图像高度存在问题。 iOS 中没有设置高度。它在其他设备上没有任何错误。

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

【问题讨论】：

设置商品图片高度的css代码在哪里？
.grid 图 img { 位置：相对；显示：块；最小高度：100%；最大宽度：100%； }
你的图片尺寸是多少？尝试为 img 元素设置一个固定高度并告诉我发生了什么
我无法为每个响应式设备设置一个固定的高度。我之前试过
好的，我认为问题出在“最小高度：100%”，因为在我的 iphone 5s 上，我看到的图像高度等于设备的高度。就像那个图像填充父 div 的高度（设备的 100%）一样。尝试使用图像父 div 的 css

标签： html ios css

【解决方案1】：

我的父母有display: flex，所以我必须在图片上加上align-self: flex-start。

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

【讨论】：

【解决方案2】：

将min-height: 100% 更改为min-height: auto，一切正常。检查 CSS 是否没有将图像的高度设置为 100%。

如果高度为自动且宽度为某个值，则图像保持其纵横比。

例如，如果您的宽度为 50 像素，则高度将为 50 像素。在 iOS 上，高度为 100% 的图像变成了设备的高度（我不知道为什么）。

【讨论】：

【解决方案3】：

我遇到了同样的问题。我的解决方案是添加：

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

【讨论】：