Javascript jquery在最小/最大宽度与特定宽度匹配时调整div大小

当窗口宽度小于x px或%时，如何将div的大小逐渐重新调整为0，当窗口大于x px或%时，如何将div的大小重新调整为最大宽度

这通常通过CSS完成，使用CSS转换属性，然后使用jQuery的addClass

CSS

JS

$（窗口）。调整大小（函数（）{
如果（$（window）.width（）在整个页面上运行此示例

添加一个
resizeTimer
，以在触发resize事件之前提供一点时间间隔。
var resizeTimer；
$（窗口）.on（'resize'，function（））{
clearTimeout（resizeTimer）；
resizeTimer=setTimeout（函数（）{
$（“#theDiv”）.height（$（window.height（）/5）；//根据需要计算此处的高度
}, 200);
})；

请发布您的代码，到目前为止您尝试了什么？您的DOM结构是什么样子的？抱歉，我忘了在问题中提到我也需要支持IE7，它是否可以像IE9+中显示的那样在没有转换的情况下工作？这在IE7中不起作用，尽管我不确定您为什么要在第一页尝试在一个十年历史的浏览器中运行动画这里有一个资源可以帮助你
#myElementToResize{
    width: 100px;
    -webkit-transition: width 2s;
    transition: width 2s;
}
.minimized{
    width: 0px;
}

$(window).resize(function(){
    if ( $(window).width() <= 768 ){
        $("#myElementToResize").addClass("minimized");
    } else {
        $("#myElementToResize").removeClass("minimized");
    }
})