在重新调整窗口大小时丢失纵横比

Question

我有DIV重新调整大小的问题

这是我的初始屏幕

并且在拖动窗口较小的时候，我逐渐看不到底部的图片

它正在重新调整大小，但不是以相同的比例。

#logoContainer{
    height: 70vh;
}
.LogoBottom{
    padding-left: 10px;
    content:url("../images/menuNameLogo.png");
}

这就是我正在使用的。为什么在重新调整尺寸时会失去长宽比？ 它正在重新调整大小，但不是以相同的比例

使用JQuery的可能解决方案

$(window).on("resize", function () {

    var height = 0;
    height = $( window ).height();
    $("#logoName").css("height",height);

});

CSS修正

.LogoBottom{
    padding-left: 10px;
    content:url("../images/menuNameLogo.png");
   position: absolute;
   bottom: 3px;
}

Answer 1

$(window).on("resize", function () {
    var height = 0;
    height = $( window ).height();
    $("#logoName").css("height",height);
});

CSS修正

.LogoBottom{
    padding-left: 10px;
    content:url("../images/menuNameLogo.png");
   position: absolute;
   bottom: 3px;
}