动态计算通过宽度动态计算高度按比例显示

最新推荐文章于 2024-08-06 11:22:45 发布

bingnan2347

最新推荐文章于 2024-08-06 11:22:45 发布

阅读量2.8k

点赞数

分类专栏：适配样式文章标签：适配样式

本文链接：https://blog.csdn.net/bingnan2347/article/details/82704344

版权

适配样式专栏收录该内容

3 篇文章

订阅专栏

/PC导航样式设置
379为原型图高度/1920原型图宽度
可根据原型图比例调整

function setPcFooterCss() {
    var s_width = $(window).width();
    var tp_height = s_width * 379/1920;
    var se_height = s_width * 45/1920;
    $(".footer-bg-photo").css({
        "height": tp_height + "px"
    });
    $(".footer-bottom-div").css({
        "height": se_height + "px",
        "line-height": se_height + "px"
    });
}

function setWxFooterCss() {
    var s_width = $(window).width();
    var tp_height = s_width * 470/750;
    $(".footer-bg-photo").css({
        "height": tp_height + "px",
    });
};