css - 全屏背景图像(有点) - 没有裁剪？

Question

我的客户想要的可能实际上是不可能的 - 他们想要一个不裁剪并保留其尺寸的全屏背景图像。他们愿意接受空白，但他们希望图像尽可能地填满屏幕，而不在任何轴上裁剪。我能够找到很好的脚本来实现真正的整页背景，但它们不接受任何图像裁剪。有什么想法吗？

Answer 1

html:

<img id="bg" src="whateves.jpg"/>

您可能希望在 css 中将图像居中

#bg { display:block; margin:auto; }

使用jquery:

$(window).load(function(){
      var windowRezize = function() {
          var windowHeight = $(window).height(),
              bg = $('#bg'),
              bgHeight = bg.height();

            console.log(windowHeight);
            console.log (bgHeight);
          bg.height($(window).height());
          bg.css('opacity', '1');
      };
      windowRezize();
      $(window).resize(function(){
          console.log('resized');
          windowRezize();
      })

  });