로딩
티스토리 데이터 처리 중입니다.

[머티리얼] large screens

 [머티리얼] large screens

머티리얼 디자인3 스크린 페이지 내용 읽으면서 요약 0. Design for large screens landscape(가로)와 portrait(세로) 방향의 디바이스를 위한 설계.

레이아웃 그리드를 조정할 때 내용과 요소들을 디바이스의 크기에 맞춰 유동적으로 사용할 수 있는 컬럼으로 나눈다. 1.반응형 레이아웃 그리드 1.1. 컬럼, 거터 그리고 마진 반응형 컬럼 그리드는 body 영역 안에 있는 요소들의 편리한 레이아웃 구조를 위해 컬럼, 거터 그리고 마진으로 만들어졌다.

스크린 크기와 방향에 따른 논리적이고 일관된(logical and consistent) 레이아웃 경험을 만들기 위해 컬럼 그리드에 컴포넌트, 이미지 그리고 텍스트가 정렬된다. body 영역의 크기가 커지거나 줄어들면(grows or.....