jquery - 重新缩放浏览器上的“调整大小”按钮

Question

我正在尝试重新调整 div / span 的高度和宽度，这个 div / span 代表一个按钮。现在我使用固定的高度和宽度，我想要调整大小的元素是一个按钮，所以它应该按比例调整大小。

HTML 按钮

<li class="large-4 large-offset-1 columns bigButton bigButtonColor">
<span class="large6">
<a class="showBanner" href="http://delchambre-decoratie.be/ADHD/animatoren-informatie?active=kamp">
<span class="animatoren iconBigbuttons kamp"></span>
</a>
</span>
</li>

CSS

.bigButtonColor{
        height: 150px;
}


.animatoren{
    max-width: 300px;
    width: 100%;
}

宽度由基础自动决定。我知道我需要 jquery 来完成此操作，但找不到正确的文档。

提前致谢

Answer 1

我想你正在寻找这样的东西。你是？

$("#div1").width($(window).width());

$(window).resize(function(){
    $("#div1").width($(window).width());
});