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が垂直に配置されている場合は高さ。）