动态响应调整图像大小

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。