100％寬度圖像，與最小高度保持比例

我希望圖像是100％但是當圖像達到這個高度時有一個500px的min-height我希望比例保持（基本）關閉100％寬度。我知道這是可能的JavaScript，但我從來沒有見過用css完成。可能嗎？100％寬度圖像，與最小高度保持比例

這個問題還不清楚。你能否包括你期望發生的各種尺寸圖像的例子。 – sachleen

希望我明白這一點。如果你想在500px高度後將圖像寬度設置爲100％，你可以使用@mediaquery（min-height：500px）{img {width：100％;}} – crazyrohila

他們以你寫下你的問題的方式，我明白你不會需要一個「最小高度」，而不是「最大高度」。 –

HTML

<img src="/path.jpg" />

CSS

img { min-height: 500px; }

通知

只要確保你沒有爲元素或CSS的高位構件這一形象定義的寬度。如果一切正常 - 圖像將被縮放到最小高度保持率。

並記住使用較大的圖像，然後你的最小高度 - 否則它會是醜陋的。

2013-04-15 17:44:20

你能格式化代碼嗎？ –

回答