javascript - 均匀调整 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 垂直放置，则为高度。）