반응형 미디어쿼리 사이트1 [CSS] 반응형 웹 만들기 / 뷰포트(viewport) 크기 확인하기 / 미디어 쿼리 알아보기 / 뷰포트란 / 뷰포트 사이트 / yesviz 요새 웹 디자인은 데스크탑으로 웹 사이트를 접속하나 모바일을 통해 웹 사이트를 접속하나 맞춤형으로 웹 디자인이 변경이 된다. 사용자의 접속 환경에 맞추어 사이트의 레이아웃을 자연스럽게 바꾸어 보여주는 것을 '반응형 웹 디자인'이라고 한다. 이런 반응형 웹 디자인에서 가장 기본적인 개념은 '뷰포트(viewprot)'라는 것이다. 뷰포트는 스마트폰 화면에서 실제 내용이 표시되는 영역으로 뷰포트를 지정해주게 되면, PC화면이나 모바일 화면에 맞추어 확대하거나 축소해서 레이아웃을 표시할 수 있다. 이런 뷰포트는 태그를 이용해 태그 사이에 작성을 하는데 기본형태는 이다. 뷰포트(viewport) 단위 뷰포트의 단위는 vw (viewport width) : 1vw는 뷰포트 너비의 1%와 같다. vh (viewpro.. 2021. 12. 26. 이전 1 다음 반응형
