[HTML&CSS]반응형 웹
Posted by CoChu
반응형 웹이란? 반응형 웹은 데스크탑에 한정되지 않고, 어떠한 기기라도 그 기기의 디바이스 환경에 맞추어 해상도나 화면이 동적으로변환되는 기법을 말한다. 반응형 웹을 만드는 이유? 반응형 웹을 만드는 이유로는 유지보수의 간편, 검색 엔진의 최적화, 마케팅 효과가 있다. 반응형 웹의 기법 1.유동형 그리드유동형 그리드는 고정된 단위가 아니라 상황에 맞게 변할 수 있는 em이나 % 등의 단위를 사용하는 기법을 말한다. 즉 웹브라우저 창 크기를 늘이거나 줄이면 페이지를 구성하는 요소의 크기도 그에 맞게 변한다는 뜻이다. 미디어 쿼리와 같이 이용하면 특정 범위의 스크린에 따른 고정형 그리드/반응형 그리드의 구현도 가능하다. 2.반응형 레이아웃반응형 웹 디자인의 결과물로 볼 수 있다. 여러가지 패턴이 있으며, 일..