css_背景图片撑开DIV高度


#titleImgDiv{
    background-image:url(../../../Images/TitleLogo.jpg);
    background-size:contain;
    //此处为图片宽高比得比值
    padding-bottom:78.93%;
}


之后DIV会扩展下边距使DIV扩大  ,然后处理以下 下边距和DIV高度 使之正常
    //获取设备宽高
    var x = window.screen.width;
    var y = window.screen.height;
    //容器高度和屏幕同高
    $(".container").height(y);
    var titleImgDiv = document.getElementById("titleImgDiv");
    var titleImgDivStyle = getComputedStyle(titleImgDiv, null);
    var titleImgDivHeight= titleImgDivStyle.paddingBottom;
    $("#titleImgDiv").height(titleImgDivHeight);
    $("#titleImgDiv").css("padding-bottom","0px");

你可能感兴趣的:(前端,css)