jquery - 根据浏览器大小设置图像大小？

Question

是否可以在网站首次加载时根据浏览器大小指定图像/div 的大小？

我有以下内容告诉 div 是浏览器大小减去下面的内容容器，但是它不起作用。如果我去掉负号，它就可以工作，但高度是随机的，而不是浏览器的高度。

出现在标题下方的主要网站内容也将是一个灵活的高度。

基本上，当您加载网站时，无论浏览器大小如何，横幅图像都应占据整个屏幕。

jQuery(document).ready(function($) {

   $(document).ready(sizeContent);

   $(window).resize(sizeContent);

   function sizeContent() {
      var newHeight = $("html").height() - $(".site_content").height()  + "px";
    $(".full_image").css("height", newHeight);
   }




});

Fiddle here

Answer 1

这个？

function sizeContent() {
       var newHeight = $(window).height()  + "px";
        $(".full_image").css("height", newHeight);
    }

fiddle :http://jsfiddle.net/31gax1fk/16/