0
我有两个响应式图像,随着浏览器窗口缩小而缩小。
这些图像在Chrome和Edge上运行良好,但对于Firefox,其中一个图像行为不同,它不会收缩。
任何人都可以帮我解决这个问题吗?您可以在移动视图中看到问题。
在此先感谢。 图像在Firefox上的行为不同
这是我的代码:
.row-images {
display: flex;
}
.main-image {
float: left;
}
img {
border: 0;
vertical-align: top;
max-width: 100%;
}
.side-image {
float: left;
margin-top: 2em;
margin-left: 4%;
}
<div class="row-images">
<div class="main-image"><img src="http://icabinets.joomji.com/skin/frontend/ultimo/child/images/row10.png"></div>
<div class="side-image"><img src="http://icabinets.joomji.com/skin/frontend/ultimo/child/images/row10_side.png"></div>
</div>
我有我的代码here
感谢您的答复。 Firefox似乎也遇到同样的问题。 – altoids
您可以与您的代码共享firefox版本 – Amal
,正确的图像比Firefox中的图像大。我希望它看起来像我在我的帖子中在铬和边缘附加的图像。 – altoids