본문 바로가기 주메뉴 바로가기

인간과 기술, 그 중심에 글로벌 에너지 기술 기업
한국가스기술공사

한국가스기술공사 홈페이지는 콘텐츠를  다양한 디바이스의 해상도에 맞춰 레이아웃이 자동으로 변경되도록 HTML5의 "미디어 쿼리"를 이용하여 하나의 소스로 제작된 콘텐츠가 데스크탑 PC에만 국한되지 않고 태블릿PC, 모바일(스마트폰) 등의 해상도나 화면에 동적으로 변환되는 반응형 웹 기법을 적용하여 개발하였습니다.


반응형 웹 화면 구성


반응형 웹 화면 구성이미지 - 1.데스크탑PC버전, 2.태블릿 PC버전, 3.모바일 버전


1.데스크탑 PC버전 : 가로 1000px 기준 / 2.태블릿 PC버전 : 가로 768px 기준 / 3.모바일 버전 : 가로 320px 기준


단, IE8이하에서는 사용이 불가하며, 사파리(Safari), 크롬(Chrome), 파이어폭스(Firefox), 오페라(Opera) 등 기본 브라우저로도 사용이 가능합니다.



맨 위로 이동