2014-09-01 153 views
-3

我正在使用CSS屬性max-widthheight使圖像響應,但它在某些情況下不適用於我。如何使圖像響應CSS使用

img { 
    max-width: 100%!important; 
    height: auto!important; 
} 

問題是否有任何其他的CSS的方法來使圖像響應?

+0

既然你刪除的鏈接例子width屬性時,應提供更多的代碼;否則你的問題的範圍是完全不清楚的。但即使你有這個鏈接的例子,我也會提到,你不清楚哪些圖片有問題。總的來說,當我昨天看到你的網站時,我想提一下..你網頁的總體結構非常差..你可能想考慮重構你的代碼,這樣你可能會有更少的困難,比如這個。 – davidcondrey 2014-09-02 07:09:52

+0

感謝您的建議!我在主頁上的主圖像以及帖子頁面的背景上遇到問題。 – 2014-09-02 11:39:43

回答

1

如果您將目標元素設置爲更具體的調整方式,將有所幫助。例如,愛因斯坦的圖像上你有一個類

.entrybody img 

img {} 

而且更具體的,如果父母尺寸設定基於百分比尺寸只有工作。

+0

如果父母尺寸設置爲100vw寬度會怎麼樣? – 2014-09-02 03:33:19

1

嘗試使用,而不是max-width

img { 
    width: 100%!important; 
    height: auto!important; 
}