动态响应调整图像大小

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设置为显示：inline。