728x90
모바일 기기와 웹 디자인
- 기기의 화면 크기에 맞춰서 자동으로 알맞은 사이즈의 화면을 출력
가변 그리드 레이아웃
<예제 - 고정 그리드>
- 화면을 줄일 경우 설정한 레이아웃이 모두 보이지 않음
<예제 - 가변 그리드>
- 화면을 줄여도 레이아웃 모두 나옴
- 퍼센트를 사용해서 너비와 높이 등을 지정해주면 해상도에 맞게 화면이 들어가게 됨
가변요소
- 화면을 축소해도 전체 이미지가 모두 보이도록 출력
- max-width를 100%를 줘서 이미지가 짤리지 않고 출력되도록 할 수 있음
- 해상도에 따라서 해상도마다 설정해 둔 그림이 출력
728x90
