CSS 그리드 레이아웃 (1) 썸네일형 리스트형 [Do it! HTML+CSS+자바스크립트]반응형 웹과 미디어 쿼리 22.12.20 배운 내용 정리2 반응형 웹과 미디어 쿼리 (반응형 웹, 미디어 쿼리, 그리드 에이아웃, 플렉스 박스 레이아웃, CSS 그리드 레이아웃) 반응형 웹 알아보기 ① 반응형 웹 디자인이란 반응형 웹 디자인은 웹 요소를 화면 크기에 맞게 재배치하고 각 요소의 표시 방법만 바꾸어 사이트를 구현해줌. 이러한 반응형 웹은 CSS를 지원하는 모던 브라우저에서만 사용가능함. ② 모바일 기기를 위한 뷰포트 뷰포트란 스마트폰 화면에서 실제 내용이 표시되는 영역으로, 뷰포트를 지정하면 접속한 기기의 화면에 맞추어 확대하거나 축소해서 표시할 수 있음. ③ 뷰포트 지정하기 뷰포트는 태그를 이용해 태그 사이에 작성함. 뷰포트 작성의 기본형은 다음과 같음. 기본형 : ※ 뷰포트의 속성 종류 설명 사용 가능한 값 기본.. 이전 1 다음
