jquery - 使用 jquery 窗口大小动态调整元素大小

Question

我已经查看了有关此主题的许多问题，但似乎无法找出我的代码有什么问题。任何帮助将不胜感激!

$(window).resize(function(){
   var newwidth = $(window).innerWidth();
   var newheight = $(window).innerHeight();      
   $("#element").height(newheight).width(newwidth);
       });

如果调整窗口大小，我会尝试将 #element 的大小调整为与窗口相同的高度和宽度。

Answer 1

关于.innerWidth()，来自 docs :

This method is not applicable to window and document objects; for these, use .width() instead.

有相同的note也适用于 .innerHeight()。

所以你需要使用.width()和.height():

$(window).resize(function(){
    var newwidth = $(window).width();
    var newheight = $(window).height();      
    $("#element").height(newheight).width(newwidth);
});