Book Review/반응형 웹제작을 위한 핵심 기술1 반응형 웹제작을 위한 핵심기술 -1 반응형 웹이란? pc,tv,내비게이션,스마트 기기등 기기마다 또는 환경마다 최적화된 웹사이트를 제공하는것을 말한다. 반응형 웹을 만들때는 모든요소를 %로 계산한다고 한다. 화면에 보이는 영역인 뷰포트, 화면의 크기와 환경을 감지하여 구조를 바꿀 미디어쿼리 ViewPort 스마트 기기는 기본 설정값이 자동으로 보이는 영역으로 설정되기 때문에 스마트기기에선 화면의 크기를 정확하게 감지하지 못한다. 그래서 미디어쿼리가 기기의 화면 크기를 정확하게 감지할 수 있도록, 뷰 포트라는 기술을 사용한다. 디바이스 기기에 따라 가로세로가 설정되도록 메타태그를 넣어준다. 미디어 쿼리가 화면의 사이즈를 감지해 스타일을 적용시킨다. 각각 320px, 768px, 960px 이상일때 배경색을 변경한다. 가변그리드 공식 (가변크.. 2023. 7. 2. 이전 1 다음
