動態響應調整圖像

Question

我開始與響應式設計的工作和閱讀如何威脅圖像（動態）：

.midiv { width: 300px; float: left; } 

.midiv img { max-width: 100%; max-height: 100%; } 

但是，當我下載該網站顯示它的圖像的全尺寸，全網站後，下載它適合div的大小。使用

林本太在標題區：

js/modernizr-2.0.6.js 
js/css3-mediaqueries.js 

這可能是錯誤的，我做的方法是什麼？

感謝

Answer 1

很難確定到底什麼錯了你的代碼庫，將有助於看到你的HTML以及。

通常我會將您的.midiv設置爲最大寬度：300px，然後將您的.midiv img設置爲display：inline。