我想用一个css来修饰图片，希望图片大于某一个宽度或者高度时，就用默认的宽度和高度，否则呢，就用原始的尺寸，有没有什么css的办法，我现在的做法是css+js的方式，但是出现了不稳定的状况，有的时候，由于图片没有加载完毕，尺寸信息不能获取，所以会出现属性设定逻辑不能执行到的现象，最终同样的加载，有时成功，有时失败。
求解决方案。
max和min不能很好的做到浏览器兼容，推荐你，最好的方法是宽度定死，高度自动，然后设置图片竖向居中。。这种方法很多地方都在用。。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2018-05-16
CSS属性max-width和max-height了解一下
第2个回答 推荐于2018-05-16
<div class="photo">
<img src="" />
</div>
.photo{
width: 120px;
height: 80px;
overflow: hidden;
}
.photo img{
min-width: 120px; min-height: 80px; /* 设置最大宽度和高度 */
}本回答被网友采纳
<img src="" />
</div>
.photo{
width: 120px;
height: 80px;
overflow: hidden;
}
.photo img{
min-width: 120px; min-height: 80px; /* 设置最大宽度和高度 */
}本回答被网友采纳
第3个回答 2012-03-08
把源文件贴出来
第4个回答 2012-03-08
把源文件贴出来
