Question

我的图像应该是窗口的高度减去70px。

但是只有在我手动调整窗口大小时才会起作用。

// jquery的

$(document).ready(reSize);

$(window).resize(reSize);

function reSize(e) {
  var windowHeight = $(window).height() - 70;

    $('.image').css("height", windowHeight);
}

// CSS

body, html {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

img {
    width: 100%;
    height: 100%;
}

Answer 1

您的代码对我很有用。

尝试使用选择器$('img')代替$('.image')，因为它是您在css中使用的内容。

您不需要在此处使用css函数：height()效果很好，您也无需在css中定义img的高度。

function reSize() {
    var windowHeight = $(window).height() - 70;
    $('img').height(windowHeight);
}

$(document).ready(reSize);
$(window).resize(reSize);

http://jsfiddle.net/wn63v6x8/

Jquery图像高度和调整大小

1 个答案: