PC端 图片宽度是百分比，动态设置图片高度为 6:9

我们知道图片宽度可以设置  百分比，但是高度要给一个固定值  不然不生效，并且产品要求图片显示必须是9:6，这开始确实难倒我了

 

 后面想了一下用js  获取图片宽度  动态的计算高度就行了，超简单

        setDomHeight()
        //  监控窗口宽度变化
        $(window).resize(function(){				         
            setDomHeight()
        });

        function setDomHeight() {
            let imgBoxDom = $(".model_team_m_new").children("li").children('.model_team_m_img')
            let imgBoxWidth = $(".model_team_m_new").children("li").children('.model_team_m_img').width()
            let imgHeight = (imgBoxWidth / 9) * 6
            imgBoxDom.height(imgHeight)
        }

　　效果如下

 

 

搜索

复制