ResponsiveDesign
-
[CSS] 반응형 디자인(Responsive Design), Media Query생활코딩/WEBn 2020. 8. 26. 17:16
[강의 출처] opentutorials.org/course/3086/18323 반응형 디자인 - 생활코딩 반응형 디자인과 미디어 쿼리 소개 강의 소스코드 변경사항 미디어 쿼리를 이용해서 반응형 디자인 구현하기 강의 소스코드 변경사항 opentutorials.org 반응형 디자인(Responsive Design) 웹 특성상 PC, mobile, 여러 운영체제 등 다양한 환경에서 적절하게 동작해야할 필요성 대두 화면의 크기에 따라, 웹페이지의 각 요소들이 반응하여 그 화면에 최적화된 형태로 동작하는 디자인 미디어 쿼리(Media Query) 반응형 디자인을 구성하는 핵심적인 기술 태그 내에 @media(조건문) { 실행 } 형식으로 작성 스마트폰의 가로모드, 세로모드를 비롯한 다양한 크기의 화면에 대응할 수..