Blog

 
Posted by mainart in PROGRAM

반응형웹

 

반응형웹의 정의

main_logo_1
RESPONSIVE WEB

respon_2

 

반응형웹이란

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

 

반응형웹의 기법

1. Fluid Grid

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

2. Flexible images

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

3. Media Queries

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

반응형웹 사이트

 

Sorry, the comment form is closed at this time.