반응형웹제작

반응형웹

반응형웹

반응형웹의 정의

반응형웹이란 – 반응형웹제작

PCㆍTABLET PCㆍMOBILE의 화면 해상도에 따라 화면이 자동으로 반응해서 사용자들한테 최적의 사이즈로 보여주게 하는 것입니다.

 

반응형웹의 기법

1. Fluid Grid

가변성 있는 그리드를 이용해서 해상도를 최적화 시키면 됩니다.
예) 가로(width)값을 픽셀이 아닌 퍼센트(90%) 로 제작해 가로의 크기에 따라서 레이아웃이 변형됩니다.

2. Flexible images

보통 이미지가 가로세로 픽스된 pixel단위로 했지만 퍼센트(%)개념으로 적용되며,
이미지의 가로픽셀값을 기준으로해서 세로가 자동으로 조정되는 기법입니다.

3. Media Queries

미디어쿼리는 각 상황에 맞게 보여줄 때 사용하는 것으로
CSS처리를 다르게 하여 다양한 상황에 최적화할 수 있는 기법입니다.

 

반응형웹 사이트

1. 현대BNG STEEL

http://www.hyundai-bngsteel.com

5. 삼성물산

http://www.samsungcnt.com

6. 파리바게트

http://www.paris.co.kr

0 답글

댓글을 남겨주세요

Want to join the discussion?
Feel free to contribute!

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다