以固定大小div显示图像

也许这种风格可以帮助你:

div {
   position:relative;
}

div img {
   max-width:100%;max-height:100%;
}

这里有一个简单的函数来计算你的纵横比和缩小图像的大小。它获取文件的路径以及图像的原始宽度和高度。你可以提供一切你认为合适的。 'myElement'

function loadImage(filename, width, height) {

    var aspect = width / height;
    var w, h;

    if (width > height) {
        w = 100;
        h = Math.round(100 / aspect);
    }
    else {
        h = 100;
        w = Math.round(100 * aspect);
    }

    var element = document.getElementById('myElement');
    element.src = filename;
    element.style.width = w + 'px';
    element.style.height = h + 'px';
}