问题：我正在尝试将图像放置在 Twitter 的 Bootstrap 的响应式网格系统中，因此它们将被缩放到给定的空间中（对于不同的设备，列的响应式 CSS 大小会有所不同）。我希望它们适合纵横比——假设它是一个正方形。
如果我希望 Bootstrap 重新调整图像以适应网格设计，则标准 CSS 裁剪技术不起作用。负边距仅适用于切割顶部和底部 - 当必须切割图像的高度并且宽度保持不变时（例如，将纵向图像放入正方形）。
我发现这种指定纵横比以减少宽度而保持高度不变（将横向图像放入正方形）的技术适用于 Bootstrap 的缩放。
尺寸为 1600x400 和 400x1600 的裁剪图像的示例（jsfiddle）。到目前为止，我在当前的 Chrome 和 Safari 中检查了它。编辑：固定也可以在 Firefox 中使用。
问题：我怎样才能以一种方式同时做到这一点：切割宽度和高度。如何对图像进行任意裁剪，选择矩形，以便由 Bootstrap 正确重新缩放？在不知道图像大小的情况下，如何裁剪到某个纵横比？
谢谢你的任何想法！