# 반응형웹

3개의 포스트
post-thumbnail

뷰포트부터 반응형 웹까지 개념정리

웹 페이지내에서 브라우저 화면상에서 실제 표시되는 영역을 뷰포트라고 합니다.뷰포트는 장치에 따라 다릅니다.모바일 화면에서는 작고, 컴퓨터 스크린에서는 보다 큰 영역을 가지고 있습니다.스마트폰과 태블릿의 전성시대 이전의 기성 웹사이트들은 오직 컴퓨터 스크린에만 맞춰서 디

2020년 3월 31일
·
1개의 댓글

반응형웹의 가변 그리드 , max와 min

가변 그리드는 웹사이트를 제작할 때 화면의 크기에 관계없이 자유롭게 늘어나거나 줄어들 수 있도록 픽셀 설정 값이 아닌 퍼센트(%) 설정 값 또는 가변 그리드 단위로 제작하는 기술이다.가변 그리드 마다 계산하는 공식이 존재하고 공식이 모두 다르다.가변 그리드의 단위들vw

2020년 3월 24일
·
0개의 댓글

반응형 웹의 미디어 쿼리 (Media Query) 와 Viewport

반응형 웹(Responsible Web)이란 디바이스(전자기기)별로 각각 레이아웃(grid)가 달라지는 웹이다.쉽게 설명하자면 화면의 크기 마다 레이아웃이 달라진다.반응형 웹에서는 필수인 미디어쿼리는, 화면크기 마다 각각 다르게 CSS를 적용하는 것이다.화면 사이즈를

2020년 3월 24일
·
0개의 댓글