인프런 커뮤니티 질문&답변
작성한 질문수
넓은 화면에서 스크롤시엔 스케일 줄어드는 중점이 이상해요
작성
·
524
1920 1080 해상도의 모니터에서 동작시 이렇게 스케일이 적용되는 위치가 아래쪽으로 가서 좀 답답해요 스케일 조정이 완료 되었을때는 아래쪽에 살짝 여백이 있는정도인데 
퀴즈
HTML Canvas 요소를 화면 크기에 맞춰 반응형으로 동적 조절할 때, 가장 핵심적으로 사용되는 방법은 무엇일까요?
CSS media 쿼리를 사용하여 고정된 크기 값을 여러 개 정의한다.
자바스크립트로 현재 화면의 비율을 계산하여 캔버스 크기에 적용한다.
캔버스에 `width: 100%; height: 100%;` CSS 스타일을 적용한다.
캔버스에 Flexbox 속성을 직접 적용하여 크기를 유연하게 조절한다.
답변 1
1
1분코딩
지식공유자
아마 말씀대로 타이밍에 차이가 있어서 그런 것 같은데요,
동작 자체에 문제가 있다기보다는 값에 의한 차이로 보여서
실제로 프로젝트 하실 때도 확인해가면서 수치를 맞춰주시면 될 것 같습니다~
화면 비율에 따라 차이가 있는 경우,
scroll 동작 시에 window.innerWidth / window.innerHeight 이런 식으로 화면 비율을 구하고 그 값에 따라
다른 값을 적용해보는 식으로 하셔도 좋을 것 같아요!
아 수치를 직접 조정해야하는 부분이군요! 감사합니다!