Question

我有一个div，即使用户调整大小，我也希望它始终是浏览器窗口的宽度。我想使用jquery .width，但我不知道如何设置它，所以它总是在用户调整窗口大小时进行调整。我不确定是否使用带有.width的jquery .css或者是否有更好的方式。

Answer 1

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

Answer 2

您可能需要调查jQuery outerWidth outerWidth([addMarginBoolean])方法，将border，padding和可选的margin添加到元素的正常width中。如果您预见到div的宽度超出窗口边缘的问题，那么您可以试试这个。

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

Here's a fiddle of it

使用jquery宽度使div成为窗口宽度

2 个答案: