jquery - jquery幅を使用してdivを常にウィンドウ幅にする

Question

ユーザーがサイズを変更している場合でも、常にブラウザー ウィンドウの幅にしたい div があります。jquery .width を使用したかったのですが、設定方法がわからないため、ユーザーがウィンドウのサイズを変更しても常に調整されます。jquery .css を .width とともに使用するかどうか、または別の方法の方がよいかどうかはわかりません。

Answer 1

$(window).on('resize', function(){
    $('div').width($(window).width());
});

Answer 2

jQuery の outerWidth メソッドouterWidth([addMarginBoolean])はborder、padding、 、および必要に応じて要素marginの法線に追加します。widthdiv の幅がウィンドウの端を超えると予想される場合は、これを試すことができます。

function setWidth() {
  $('.width100').outerWidth($(window).width() - $('.width100').offset().left);
}
$(window).on('resize', setWidth); // resize div on window resize
setWidth();​ // resize div on page load

ここにそれのフィドルがあります