SPATIUM Desktop
주소복사
About Operating System Languages Tools Favorites Notice Visit TEST  
     Notice (47)
     News (10)
   ID  
   Password  
  |  
  Location United States
  IP Address 3.238.24.209
2022. 06
1234
567891011
12131415161718
19202122232425
262728
29
30
Title

Responsive Web ( 반응형 웹 )

Writer 김태우 Date 2012-07-31 15:32:11 Visit 2334
Responsive Web, 반응형 웹, 미디어 쿼리

 

Responsive Web


반응형 웹 : 화면 너비에 따라 유동적으로 변하는 유동형 레이아웃, 이미지, 미디어 쿼리를 이용하여

사용자 환경에 반응하는 웹 방법론

CSS3 에 Media Query는 IE9, Chrome, Safari, Firefox, Opera. 이이폰용 모바일 사파리가 지원됨

 

 

하기는 미디어 쿼리 간단 문법

 

@media all and (min-width:980px) {

    /* 화면 너비가 980px 이상, 미디어 쿼리 지원시 실행 */

    .content { float:left; width:600px }

    .nav {float:right; width:300px }

}

 

역시 개인 블로그의 최대의 장점은 자유로운 테스트와 자유로운 자료 공유에 있는듯 하다.

그러므로 나는 자유로운 영혼...크큿

반응형 웹의 테스트를 간단히 해보았다.  설명도 조금 더 붙이고...

반응형 웹  http://www.spatium.co.kr/test/responsive.php

 

 

Title Date Visit
POSTMAN, 토큰조회API의 결과값 token을 요청 Header 값으로 사용 2019-07-17 3321
BMT, POC, prototyping, pilot 2019-06-10 1314
클래식 100곡 순위 2019-03-11 2405
AWS 참고 자료 2019-03-06 1656
MAC 단축키 2019-02-19 1311
Responsive Web ( 반응형 웹 ) 2012-07-31 2334
사이트 트래픽 관련 2012-05-16 3388
URL 복사 기능 추가 2012-05-04 3905
펨토셀(Femtocell) 이란? 2012-05-02 4214
Mobile Web Test ( jQuery 이용 ) 2012-01-30 2592
지적재산권의 종류의 의미 2012-01-18 2881
Copyright (C) SPATIUM. All rights reserved.
[SPATIUM]WebMaster Mail