全屏脚本，均匀调整3个div的大小

Question

我有3个div，我想写全屏脚本，所以当我按下某个按钮时，它会均匀地调整3个div。我怎样才能做到这一点？也许在网上有这样的东西，就是找不到这个......

<div class="nbplayer"></div>
<div class="nbchat"></div>
<div class="nbpresentation"></div>

感谢您的回复！

Answer 1

var $divs = $('.nbplayer, .nbchat, .nbpresentation');

$('#button').on('click', function() {
    $divs.css('width', $(window).width() / 3);
});

如果有的话，可能需要进行一些修改以考虑边距/边框/填充。 （如果您的div垂直放置，则为高度。）