html - 動的応答画像のサイズ変更

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 を max-width:300px に設定してから、.midiv img を display:inline に設定します。