프로그래밍

유동적 스킨 구조에 알맞은 미디어쿼리(Media Query)와 DIV 태그 조합 활용

유동적 스킨 구조에 알맞은 미디어쿼리(Media Query)와 DIV 태그 조합 활용

웹 구조를 프로그래밍할 때 특정 위젯이나 영역을 모바일과 데스크탑 뷰(View)로 나누게 됩니다. 즉, 트래픽 절약을 위해 A라는 이미지를 PC에만 출력시키고 모바일에선 제외하고 싶을 때 ‘미디어쿼리’를 쓰게 되는데요. 스타일 시트에 명령 1줄을 추가해주는 것만으로 구독자가 느끼는 경험을 획기적으로 끌어올릴 수 있습니다. (개인적으로 애드센스 배치에 큰 도움이 되지 않을까 싶네요.)      Media Query   1. 우선 적용할 부분을 <div id=”name”>을 입혀 감... »