Jquery - 브라우저 크기를 조정할 때 마스크 크기를 조정 하시겠습니까?

Question

다른 사람이 시도하기로 결정한 경우 모달 마스크를 사용하여 브라우저 크기를 조정하려고합니다 ...

지금은 100 %/100 %로 유지되며 나빠질 것입니다.

여기는 link <입니다. --- 저녁 메뉴를 클릭하고 브라우저 창 크기를 크게 변경하면 현재 크기가 커지고 내가 말하는 내용을 볼 수 있습니다.

jquery는 첫 번째 섹션 인 머리 영역의 소스에 있습니다.

쉽게 해결할 수 있습니까? 문제 해결을 더 쉽게하려면 jfiddle을 만들 수 있습니다.

감사합니다, MUHU 현재

Answer 1

, 당신은 #mask DIV에 대한 절대 창 크기를 설정하는 몇 가지 자바 스크립트를 사용하고 있습니다. 그것은 당신의 문제를 일으키는 것입니다 - 대신 CSS를 사용해야합니다.

자바 스크립트로 설정된 쓸모없는 속성을 재정의하려면 !important을 사용할 수 있습니다.

은 단순히 당신의 스타일에

#mask { 
    width: 100% !important; 
    height: 100% !important; 
    /* other stuff */ 
} 

를 추가하고 그것을 잘 작동합니다.

---

또는, !important 추함을 사용하지 않도록, 당신의 스크립트 코드의 번잡 한 조각을 제거하고 CSS도 !important을하지 않고 작동합니다.

// THIS IS THE BAD CODE YOU SHALL REMOVE 
var maskHeight = $(document).height(); 
var maskWidth = $(window).width(); 
$('#mask').css({'width':maskWidth,'height':maskHeight});