Jquery 加载时调整图像大小

我有一个包含图像的div列表，我想确保它们的大小合适。 对于这一点，它们通常是100%宽度，除非它们小于父对象的100%，在这种情况下，它们应该保持其原始大小。 这是我的密码：

$('.sa-img').each(function() {
    img = new Image();
    var obj = $(this);
    img.onload = function() {
        //console.log(this.width + ' <= ' + obj.outerWidth());
        if (this.width <= obj.outerWidth())
            obj.css({'width':this.width +'px'});
        }
        img.src = $(this).attr('src');
    }
});

$（'.sa img'）。每个（函数（）{
img=新图像（）；
var obj=$（本）；
img.onload=函数（）{
//log（this.width+’与上面的注释一样，使用CSS可以很容易地实现这一点。特别是
max width
属性

假设图像的宽度为600像素，则可以：

.resize-to-100{
    width: 500px;
    background: red;
}
.dont-resize{
    width: 750px;
    background: yellow;
}
img{
    max-width: 100%;
}

示例：
CSS有什么问题
最大宽度：100%
？这是不相关的，我需要图像为100%，除非它更小，在这种情况下，它应该保持原始大小，而不是100%。不，这不是不相关的。这里有一个示例：你是对的。我是白痴。你能把这个作为一个答案写下来，让我接受吗？谢谢。
.resize-to-100{
    width: 500px;
    background: red;
}
.dont-resize{
    width: 750px;
    background: yellow;
}
img{
    max-width: 100%;
}