在rescale浏览器上调整大小按钮

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());
});