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

Question

我已经看了很多关于这个主题的问题,似乎无法找出我的代码有什么问题.任何帮助将不胜感激!

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

我正在尝试将#element的大小调整为与窗口大小相同的高度和宽度.

Answer 1

关于.innerWidth(),来自docs:

此方法不适用于窗口和文档对象; 对于这些,请改用.width().

有相同的音符为.innerHeight()也.

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

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