调整容器大小-背景图片保留率

Question

点击“打开”按钮时，我有一个保持比例的问题。

我想将容器的尺寸从100％调整为60％，并保持内部带有背景图像的div的比例。

我不想使用“包含” css属性。

我想保持原始div的实际比例。像秤一样。

请给我一些帮助吗？

这是我的codepen：https://codepen.io/clicclic/pen/PooRjRe

结果我尝试得到：https://css-tricks.com/scaled-proportional-blocks-with-css-and-javascript/#article-header-id-1

var $el = $(".aside__img");
var elHeight = $el.outerHeight();
var elWidth = $el.outerWidth();

var $wrapper = $(".aside");

$wrapper.resizable({
  resize: doResize
});

function doResize(event, ui) {
  var scale, origin;

  scale = Math.min(ui.size.width / elWidth, ui.size.height / elHeight);
}

var starterData = {
  size: {
    width: $wrapper.width(),
    height: $wrapper.height()
  }
};
doResize(null, starterData);