rails或jQuery on rails /如何用图像“填充框架”？

Question

在indesign中做“填充框架”之类的最佳技术是什么意思...意味着拍摄图像并缩放最短边以使其适合，然后裁剪其余部分？

纯CSS可以实现吗？

我正在使用带有jQuery的Rails ..

代码可能是这样的：

<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

假设图像的高度比宽度长。它将为景观图像留出空白。