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 设置为显示:内联。