調整大小的CSS圖像，以適應

所以即時通訊列出的類型，每一個都有一個圖像。正如你可以看到下面的列表有水圖像切割。我怎樣才能解決這個問題？調整大小的CSS圖像，以適應

我有一個水文本類，所以它可以顯示文本和即時嘗試將其添加到一個HTML列表。

這是在CSS我的類代碼

.water{ 
    background: url('../images/water.png'); 
    object-fit: contain; 
    background-repeat: no-repeat; 
    max-width:100%; 
    height:auto; 
    text-indent: -9999px; 
}

這個工作得益於HolyMoly

「對象適合直接用圖片IMG標籤我的理解，我想你想background-size：包含或背景大小：封面，因爲您不是將css應用於圖片標籤，而是將圖片用作背景「 - HolyMoly

來源

2017-03-09 Hannan Rhodes

請提供一些代碼示例，我們將無法幫助你只是一個形象 – Dinei

@DineiRockenbach新增 –

你'.water'類說，它適合父元素的大小。您沒有爲父元素提供HTML結構和CSS。我們需要一個完整的例子。 – Dinei

請檢查背景大小：包含或背景：url（'../ images/water.png'）50px 50px; 直接提到您圖像尺寸

來源

2017-03-29 04:09:03

調整大小的CSS圖像，以適應

回答

相關問題