是否有jquery插件可以扩展任何div以实现全屏显示

我正在寻找一个解决方案，其中任何图像元素可以拉伸，以适应屏幕大小（缩放），并作为该页面的背景使用。

---

请注意，我不是在寻找一个像backstretch或vegas jquery插件那样的一页背景图像解决方案

---

CSS

背景尺寸：封面可能是您需要的。它会将图像填充到容器的大小。不需要JavaScript

cover
告诉浏览器确保图像始终覆盖屏幕
整个容器，即使它必须拉伸图像或剪切一点
把一条边咬掉

参考资料：
从你的问题的措辞来看还不清楚，但我认为你想要的是将一个图像延伸并固定到页面的背景上。这可以（也应该）通过CSS实现，而不需要jQuery

body {
  background-image: url(http://example.com/your/image.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: none;
}

但为了完整起见：

$.fn.setBackgroundImage = function(url) {
  return this.css({
    backgroundImage: url,
    backgroundSize: 'cover',
    backgroundAttachment: 'fixed',
    backgroundPosition: 'center',
    backgroundRepeat: 'none'
  });
};

$.setBackgroundImage = function(url) {
  $(document.body).setBackgroundImage(url);
};

如果要调整大小的是图像元素而不是背景图像属性，则需要确定比例，然后指定相对类以适合屏幕

$(window).load(function() {
  $('.container').find('img').each(function() {
    var imgClass = (this.width / this.height > 1) ? 'wide' : 'tall';
    $(this).addClass(imgClass);
  })
})

请参见
“请注意，我不是在寻找一页背景图像解决方案，backstretch或vegas插件就是这样做的！”我不知道你的意思。请澄清。vegas和backstretch是两个jquery插件，它们可以制作一个适合屏幕的图像作为背景图像。但是他们把这一页变成了一页。我的要求是，如果让我们说有3个div，每个div都应该采用全设备屏幕大小。是否有内容。检查它是否无效！它不能使图像与屏幕匹配。它是在一个方向上这样做的。如果图像大于屏幕高度，它就不能修复它。我不明白为什么它不能工作。也许你做错了什么？图像是否大于屏幕并不重要。你只需要一个固定大小的容器。我不想让身体背景全屏显示。我希望每个部门采取全屏，使图像作为他们的背景。