Frontend/HTML (1) 썸네일형 리스트형 View port 뷰포트란 현재 화면에 보여지고 있는 영역을 의미한다. 기기별로 뷰포트가 다르기 때문에, 동일한 웹 페이지라도 기기에 따른 배율 조정이 발생해 화면의 크기가 다르게 보이는 현상이 나타난다. 뷰포트는 랜더링된 페이지와 다르다. 랜더링된 페이지는 뷰포트를 넘어서 스크롤을 통해 접근가능한 형태로 되는 것이 일반적이다. 모바일과 같이 좁은 스크린을 가진 기기는 페이지를 virtual window나 veiwport를 통해 랜더링한다. 이때 window나 viewport의 크기는 모바일 기기의 화면보다 넓기 때문에 우리는 레이아웃이 무너진 콘텐츠를 보게 된다. 이러한 문제를 해결하기 위해서 Apple은 처음 meta테그를 이용해 viewport의 크기를 조절하는 방법을 제시했다. 해당 방식은 아직 어느 웹 표준으로도.. 이전 1 다음