2017-02-10 68 views
0

当我有宽度为30%的父级元素和100%的子元素时,所有浏览器调整img的高度以保持比例。但是铬只是扩展和变形。有没有人听说过这个?Google Chrome不会调整大小img

我不知道如何编写这个问题的代码,所以我只是把这里的链​​接。 http://almaweby.cz/reference.html

+0

您是否尝试过明确设置'高度:auto'? – Connum

+0

你真的需要使用'flex-box'吗?尝试改变'display:inline-block'的'div class =“hook”'元素的显示方式,然后图像应该正常运行,或者将''元素放入额外的容器中,例如。 '

',那么弹性盒应该会影响div的而不是'img'元素。 –

+0

@Paweł谢谢,我使用了第二种解决方案,因为我曾经使用过内联块,但之后我的js没有正常工作。发布答案,使我能够将您的答案标记为正确 – pandik70

回答

0

尝试改变显示为div class="hook"元素display:inline-block,然后图像应正确行为,或者把你的<img>元素融入额外的容器,如。 <div><img/></div>,那么弹性盒应该会影响div的而不是img元素。

0

,我认为它在Chrome中调整大小, 我的Chrome显示小图片..

+0

我已经修复了它;) – pandik70

相关问题