Как проверить ширину и высоту перед изменением размера окна?

Question

Привет, ребята У меня есть эта функция, которая масштабирует контейнер каждый раз, когда я изменяю размер окна. Но первый раз, когда я загружаю страницу, отображается исходный размер контейнера. Как я могу проверить ширину и высоту окна в первую очередь, а затем показать контейнер с правильными размерами без изменения размера окна?

$(window).resize(function(evt) { 
    var $window = $(window); 
    var width = $window.width(); 
    var height = $window.height(); 
    var scale; 
    // early exit 
    if(width >= maxWidth && height >= maxHeight) { 
     $('#banner').css({'-webkit-transform': ''}); 
     $('#ad').css({ width: '', height: '' }); 
     return; 
    } 
    scale = Math.min(width/maxWidth, height/maxHeight); 
    $('#banner').css({'-webkit-transform': 'scale(' + scale + ')'}); 
    $('#ad').css({ width: maxWidth * scale, height: maxHeight * scale }); 
}); 

Answer 1

Просто добавьте load к вашей функции, как:

$(window).on('resize load', function(evt) { 
    var $window = $(window); 
    var width = $window.width(); 
    var height = $window.height(); 
    var scale; 
    // early exit 
    if(width >= maxWidth && height >= maxHeight) { 
     $('#banner').css({'-webkit-transform': ''}); 
     $('#ad').css({ width: '', height: '' }); 
     return; 
    } 
    scale = Math.min(width/maxWidth, height/maxHeight); 
    $('#banner').css({'-webkit-transform': 'scale(' + scale + ')'}); 
    $('#ad').css({ width: maxWidth * scale, height: maxHeight * scale }); 
}); 

Answer 2

$(window).on('load resize', yourfunction);