계속 증가하는 div의 크기를 비례 적으로 조정 하시겠습니까?

Question

나는 브라우저 막대 너비에 비례하여 계속 증가하는 진행률 막대 역할을하는 div가 있습니다. timerLength += $(window).width()/numSlides * .01; 막대가 브라우저의 가장자리에 도달하면 너비가 0으로 설정되고 다시 채우기 시작합니다.

나는 이것을 유동적으로하고 싶지만, 브라우저 크기를 조정할 때 막대 크기를 비례 적으로 조정하는 방법을 모른다. 다른 브라우저 크기에서 올바르게 작동하지만 브라우저의 크기를 조정하면 바의 너비는 브라우저의 가장자리에 도달 할 때까지 동일하게 유지되고 다시 0으로 설정됩니다.

Answer 1

퍼센트 너비 사용을 고려하십시오. 채워야하는 백분율을 계산하고, div에 맞게 div를 적절하게 크기를 조정하십시오 (JS에서 크기를 수동으로 다시 계산하고이를 업데이트하거나 순수 CSS로 변경). 브라우저가 모든 크기 조정을 처리하게하십시오. 그냥 생각.

Answer 2

모든 코드를 보지 않고도 판단하기가 힘들지 만 고정 된 너비가 아닌 % 너비를 사용해야하는 것처럼 들립니다.

로더를 100 % 너비로 만들고 표시 : 블록; 이렇게하면 화면에 유동적으로 크기가 조정됩니다. 그런 다음 바를 채울 때 %를 다시 사용합니다.