자바 스크립트에서 화면 너비를 확인하는 방법

Question

문서를 실행할 수있는 기능이 있습니다. 그것은 특정 링크가 탐색 표시 줄에 표시되는지 여부에 따라 달라지며, 다른 모든 링크에 대해 간격을 유지하기 위해 CSS를 설정합니다.

필자가 작성한 방식대로, 첫 번째 DOM로드에서만 실행되며 크기를 조정하면 더 작은 중단 점에서 정렬되지 않은 것처럼 보입니다.

제 질문은 어떻게 창 크기에 따라이 기능을 계속 실행합니까입니다. 사용자가 크기를 조정하더라도 함수를 실행하고 올바른 CSS를 설정합니다.

이것이 가능합니까?

알려주세요. 감사! media queries를 사용하려면 다음 중 하나를 시도 할 수

$(document).ready(function() { 
    var link = $('#catNav-sale').css('display'); 
    var winWidth = $(window).width(); 

    if (SaleLinkCSS == 'block') 
    { 
     if (winWidth >= 975) 
     { 
      $('#ID').css('left', '185px'); 

     } 
     else 
     { 

     } 

    } 

Answer 1

,

바닐라

window.onresize = function(event) { 
    /** Your code here. **/  
}; 

jQuery를

$(window).resize(function() { 
    /** Your code here. **/ 
}); 

또는 A CSS 옵션이 될 것이다.

읽기 자료

(on)resize

jQuery's resize