我正在使用图片width:100%
(或50%
),这会自动计算高度。有时候这是可以的,但在我的情况下不行。
我需要显示两张高度相同的图像,并排放置,但原始图像具有不同的高度(因此结果中两个图像也具有不同的高度)。
<div class="col-md-7 horizontal-list-media">
<img src="http://moneyti.co/wp-content/uploads/2016/01/16-Zingis-RUS.png" style="width: 50%" class="img-responsive">
<img src="http://moneyti.co/wp-content/uploads/2016/01/16-kazino-RUS-360x240.png" style="width: 50%" class="img-responsive">
</div>
由于两张图片高度不同,因此结果图片的高度也不同。我不希望出现这种情况。如何使两张图片高度相同?请注意,当屏幕尺寸改变时,图片应该是响应式的,因此我不能简单地添加两张图片的高度属性。
我也不能更改原始图像的高度。如果不可能使用CSS,则需要使用jQuery。