목록getBoundClientRect() (1)

web developer

[javaScript] 절대 좌표, 상대 좌표 구하기 [스크롤, 마우스 이벤트]

(1) 뷰포트 정의 뷰포트(viewport)란 웹 페이지를 볼 때 보이는 영역을 말합니다. 모바일 기기에서는 디스플레이의 크기가 작아서 뷰포트가 작은 경우가 많습니다. 이 경우, 웹 페이지의 컨텐츠가 작게 보일 수 있고, 가독성이 떨어질 수 있습니다. 이를 해결하기 위해 뷰포트를 조정할 수 있습니다. 뷰포트는 HTML 문서의 태그를 이용하여 조정할 수 있습니다. 위 코드에서 width=device-width는 뷰포트의 너비를 기기의 너비로 설정한다는 의미입니다. initial-scale=1.0은 페이지 로딩 시 초기 축소/확대 비율을 1로 설정한다는 의미입니다. 이렇게 설정하면, 모바일 기기에서 웹 페이지가 자연스럽게 보이게 됩니다. 뷰포트를 설정할 때 주의할 점은, 뷰포트를 설정하면 반드시 미디어 쿼리..
JavaScript 2024. 3. 18. 21:29
이전 Prev 1 Next 다음