響應圖像調整大小不起作用

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

上面的代碼調整圖像的寬度與頁面的大小，同時保持與高度相同的比例。響應圖像調整大小不起作用

爲什麼不

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

調整與頁面高度圖像的高度，而同時保持與寬度相同的比例是多少？有沒有另一種方法可以對我的圖像產生影響？

來源

2016-01-10 Mashpoe

我認爲它確實https://jsfiddle.net/q3os7gfw/ –

爲什麼你將'html，body'高度設置爲100％？它使代碼工作，但爲什麼？ – Mashpoe

那麼，如果你在'img'上設置'height：100％'，那麼你也必須在所有的父母上設置100％的高度，在這種情況下爲html和body，兩者都是高度：默認情況下爲auto。它是100％高度的視口，所以高度：100％從視口中取出，然後作爲最小值應用於身體以允許滾動內容。更多這裏http://stackoverflow.com/questions/17555682/height-100-or-min-height-100-for-html-and-body-elements –

可能是height未定義爲img的父項。所以請把height的img的父母然後嘗試。

來源

2016-01-10 20:10:08

是@NenadVracar上面陳述的問題 – Mashpoe

響應圖像調整大小不起作用

回答

相關問題