如何根据背景图片的高度设置div的高度 @勤勤学长

最新推荐文章于 2022-09-12 21:00:31 发布

qq318692996

最新推荐文章于 2022-09-12 21:00:31 发布

阅读量1.6k

点赞数

分类专栏： PHP

本文链接：https://blog.csdn.net/qq318692996/article/details/102641577

版权

PHP 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<div class="MiddleBox1" style="background: url('/images/centre01.jpg')no-repeat;background-size:cover; ">
    
</div>

<script type="text/javascript">
    $(function () {

        var inW1 = $(window).width();
        var MiddleBox1H = inW1*0.275;
        $(".MiddleBox1").css('width',navContainerH);

    })
</script>

高度/宽度=比例数，根据当前页面宽度改变MiddleBox1的高度

不好的地方是不能自适应，想要自适应的话，只能加个监控，每一秒判断当前宽度调整高度。

还有其他方法，但是这个是我项目最好的方法了，记录一下。