Rails 上的 CSS 或 jQuery / 如何“填充框架”有图像？

Question

在 indesign 中执行“填充框架”之类的操作的最佳技术是什么？意思是获取图像并缩放最短的边以使其适合，然后裁剪其余部分？

这可以用纯 CSS 实现吗？

我正在使用 Rails 和 jQuery。

代码可能是这样的：

<div class="image_container"><img class="image" src=""></div>

Answer 1

如果你有固定大小的 image_container ，你可以做到这一点：

.image_container{
  width:200px;
  height:100px;
  overflow:hidden;
}

.image_container img{width:200px;}

这将按宽度缩放图像并按高度隐藏。

Answer 2

假设图像的高度比宽度长。它将有一个用于风景图像的空白空间。