CSS或jQuery在Rails上/如何用圖像“填充框架”？

Question

在設計中執行“填充框架”之類的最佳技術是什么？意味着拍攝圖像並縮放最短的一面以使其適合，然后剪裁其余部分？

純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

假定圖像的高度大於寬度。 風景圖像將留有空白。