谷歌浏览器不调整图片大小答案

【问题标题】：Google Chrome doesn´t resize img谷歌浏览器不调整图片大小
【发布时间】：2017-02-12 02:39:16
【问题描述】：

当我有宽度为 30% 的父元素和 100% 的子元素时，所有浏览器都会调整 img 的高度以保持比例。但在 chrome 中只是延伸和变形。有人听说过吗？

我不知道如何编写该问题的代码，所以我将在这里放一个链接。 http://almaweby.cz/reference.html

【问题讨论】：

你试过明确设置height: auto吗？
你真的需要使用flex-box吗？尝试将div class="hook" 元素的显示更改为display:inline-block，然后图像应该正常运行，或者将您的<img> 元素放入额外的容器中，例如。 <div><img/></div>，那么 flex-box 应该影响 div 而不是 img 元素。
@Paweł 谢谢，我使用了第二种解决方案，因为我曾经将它放在 inline-block 中，但后来我的 js 无法正常工作。发布答案以使我将您的答案标记为正确

【解决方案1】：

尝试将div class="hook" 元素的显示更改为display:inline-block，然后图像应该正确运行，或者将您的<img> 元素放入额外的容器中，例如。 <div><img/></div>，那么 flex-box 应该影响 div 而不是 img 元素。

【讨论】：

【解决方案2】：

我认为它在 chrome 中调整大小，我的 chrome 显示小图像..

【讨论】：