Изменение размера изображения в зависимости от высоты окна

Question

Как и в названии, я хочу иметь возможность уменьшить размер изображения, когда высота окна становится меньше. Он работает для уменьшения части, но я хочу, чтобы он возвращал исходную высоту, когда высота окна больше заданной.

Я знаю, что эта часть $('.model').height(); ошибочна.

$(window).on('load resize', function() { 
    var h = $(window).height(); 

    if (h < 850) { 
    $('.model').height(600); 
    } else { 
    $('.model').height(); 
    } 
}); 

Answer 1

Вы можете попытаться сохранить высоту .model в переменной и восстановить его, как это:

var originalHeight = $('.model').height(); 

$(window).on('load resize', function() { 
    var h = $(window).height(); 

    if (h < 850) { 
    $('.model').height(600); 
    } else { 
    $('.model').height(originalHeight); 
    } 
}); 

Answer 2

попытка положить высоту обратно в (по умолчанию) «Auto», когда вы хотите оригинальный размер назад? $ (окно) .он ('нагрузки изменения размера', функция() { вар ч = $ (окно) .height();.

if (h < 850) { 
    $('.model').height(600); 
} else { 
    $('.model').css("height","auto"); 
} 
});