圖像高度滿格高度時，容器不能被改變

Question

我有一個情況是我無法改變的主要容器，同時也可body,html高度和利潤率。

我想通過CSS設置圖像和我想的DIV爲圖像的完整高度和寬度。

什麼是實現這一目標的大部分我已經在谷歌找到了事情的最好方式使用div然後img標籤

Answer 1

使用在div的背景圖像，並設置寬度/高度與圖像的尺寸。

它也很容易使用蓋的背景大小值來縮放圖像或包含。

參見：http://www.w3schools.com/cssref/css3_pr_background-size.asp

<div style="background-image:url('image.jpg'); width:100px; height:100px;"></div> 

或者使用的背景大小尺寸

<div style="background-image:url('image.jpg'); background-size:100px 100px; width:..; height:..;"></div>