如何使两张图片高度相等？

Question

当我的照片高度相同，但是当制作img width: 100%;时，出现了问题。图片不能等于高度。

我认为这对我来说不是一个简单的问题。

我不明白为什么相同高度的图片，无法通过浏览器等高渲染。

这里是jsfindle。

the effect with no pictures

但是当我把图片放到img：src时，事情就变坏了。

毕竟，我希望它通过不同的设备制作相同的视图，而不仅仅是pc.But，...

我很困惑，这个问题有什么意义？

Answer 1

在示例中，您将FRAME的高度设置为35，并且不会从一个div更改为下一个div。 CSS中的图像没有设置高度，但是MAX-HEIGHT是高度，因此可以更改高度，但不会超过最大高度。与宽度相同，未设置。

当您更改html标记中的高度时，html会保留图像大小的限制。如果你移除了20％的高度，它将自动移除20％的宽度，除非你通过设置你想要的宽度来告诉它。

试试这个：

<div class="frame">
   <img src="http://jsfiddle.net/img/logo.png" height="250" width="250" />
</div>
<div class="frame">
   <img src="http://jsfiddle.net/img/logo.png" height="25" width="250" />
</div>

高度会改变，但宽度不会改变。但当然宽度的MAX-WIDTH设置为160px，所以即使这个HTML代码为250，它仍然不会超过160.

我认为这就是你要求的，如果没有，那么我道歉。