화면 폭에 따른 자바 스크립트 기능

Question

안녕하세요, 화면 크기에 도달하면 석조의 열 너비를 줄이려고합니다. 최대 너비 : 450px;

var $container = $('#container'); 
$container.imagesLoaded(function(){ 
    $container.masonry({ 
    itemSelector : '.box', 
    columnWidth: 220, 
    isAnimated: !Modernizr.csstransitions, 
    isFitWidth: true 
    }); 
}); 

여기 내 자바 스크립트 코드입니다. 그 화면 크기에서 열 너비를 줄이려면 무엇을 추가해야합니까 ?? 문 트릭을해야 할 경우

또는 방법은

Answer 1

... 화면 크기 다음 'XYZ'위의 다른 기능보다 450이면 내가 ... IF 문으로 화면 크기를 대상으로 속기을한다. 문서의 폭이 columnWidth의 이하가 450이 220으로 설정되어있는 경우 기본적으로, 당신이 말하는, 다른 columnWidth의이 (110)

var $container = $('#container'); 
     $container.imagesLoaded(function(){ 
     $container.masonry({ 
          itemSelector : '.box', 
          columnWidth: ($(document).width() < 450 ? 220 : 110), 
          isAnimated: !Modernizr.csstransitions, 
          isFitWidth: true 
         }); 
     }); 

Answer 2

if(window.screen.availWidth < 450) 
{ 
    // alternative configuration here 
}