使圖像適合其全屏寬度

-3

我想將圖像適合其全寬瀏覽器。請讓我知道CSS代碼。我正在使用px作爲容器。所以讓我知道這一點。我不想滾動條到全屏瀏覽器。我想寬：100％，寬度在PX。但沒有任何工作，我看到滾動條。使圖像適合其全屏寬度

2016-03-14 Skumar

的[使圖像適合它的父元素（可能的複製http://stackoverflow.com/questions/ 35991641 /使圖像適合其母元素） –

如果你想讓它依賴於瀏覽器的視口添加到您的元素的CSS，它會伸展自動

background-size: 100% 100%;

2016-03-14 22:12:30 Eric

img{ 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
}

2016-03-14 22:14:29

使用位置：絕對干擾整個網站。所以這不適合我！ – Skumar

圖像在CSS自己的顯示方式，因此，當你這樣說width:100% ，它填充到原始圖像的100％尺寸，而不是像塊一樣起作用，並且擴展爲填充父元素的100％。

可以修復通過改變顯示類型，雖然只對一個圖像：

<style type="text/css"> 
    img.big-img { 
    display:block; 
    width:100%; 
    } 
</style> 

… 

<img src="my_image.jpg" class="big-img">

2016-03-15 00:38:34

回答