ruby-on-rails - CSS 或 jQuery on rails/How to "fill frame"with an image?

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;}

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