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 设置为最大宽度：300px，然后将您的 .midiv img 设置为显示：内联。