뷰포트 너비 스크린 너비1 반응형 웹 디자인/레이아웃 : 미디어쿼리와 뷰포트 반응형 웹 디자인은 별도의 특별한 기술이 아니다.웹 페이지를 다양한 디바이스의 해상도 및 규격에 맞게 레이아웃을 유연하게 적용(반응)하도록 하기 위해 알아야 할 사항이 있을 뿐이다. 반응형 웹을 제작하기 위해 알아야 할 사항으로는 반응형 이미지 및 타이포그래피 개념과 CSS Media Query(반응형 디자인의 핵심적인 구성요소)라고 할 수 있을 것 같다. 미디어 쿼리 미디어 쿼리는 미디어 유형과 화면 해상도, 뷰포트의 너비 등에 따라 웹이나 앱의 스타일을 수정할 때 사용한다. 미디어 쿼리를 한다는 것은 웹 브라우저에게 질의를 던지는 것이다. 모바일 너비를 640px, 데스크톱 너비를 1024px로 한다는 가정하에 "현재 브라우저 너비는 640px이 맞습니까?" 질의를 던지며 뷰포트가 640px이.. 2020. 8. 21. 이전 1 다음 반응형
