我正在为客户开展一个元素，该元素需要一个包含一些图像的流体网格。 到目前为止，我一直在使用 Icecream Grid ( http://html5-ninja.com/icecream/ )，没有额外的 css，仅使用自定义类来使用 JQuery 选择元素。 以下代码适用于一些测试图像:
<div id="ProductsGrid" class="i-g">
<div class="grid-element i-4">
<div class="element-image i-img"><img src="..."></div>
<div class="element-label"></div>
</div>
</div>
问题是，客户想要使用的图像没有相同的高度，因此，虽然网格元素确实调整到相同的宽度，但它们没有相同的高度。我怎样才能用CSS解决这个问题？
最佳答案
假设您希望所有图像的高度都是 250px .拍摄每张图像并找到高度/宽度。数学来了。美国Proportion Calculator .因此，它将是左侧分数中原始宽度的原始高度和 x 的 250。在正确的分数。计算器会给你宽度。这将使图像保持比例，但只缩小几像素。
*重要的是不要将标签(如 px )放入计算器。它正在尝试解决 x ，按比例缩小的图像的宽度。
所以现在你有了这些数字说 <image height="250px" width="(the width)">
关于流体网格内的 CSS Force 图像使用 IceCream 调整到父级高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23444918/