Question

HTML中怎样用css来设置最大的图片大小

我想用一个css来修饰图片，希望图片大于某一个宽度或者高度时，就用默认的宽度和高度，否则呢，就用原始的尺寸，有没有什么css的办法，我现在的做法是css+js的方式，但是出现了不稳定的状况，有的时候，由于图片没有加载完毕，尺寸信息不能获取，所以会出现属性设定逻辑不能执行到的现象，最终同样的加载，有时成功，有时失败。
求解决方案。

Answer 1

max和min不能很好的做到浏览器兼容，推荐你，最好的方法是宽度定死，高度自动，然后设置图片竖向居中。。这种方法很多地方都在用。。

Answer 2

CSS属性max-width和max-height了解一下

Answer 3

<div class="photo">
<img src="" />
</div>
.photo{
width: 120px;
height: 80px;
overflow: hidden;
}
.photo img{
min-width: 120px; min-height: 80px; /* 设置最大宽度和高度 */
}

Answer 4

把源文件贴出来

Answer 5

把源文件贴出来