반응형 웹 구조

1. <style type="text/css">
2. /* screen의 width가 640px이하일때 아래와 같은 옵션을 적용 */
3. @media screen and (max-width:640px) {
4.     .article {background:#fff; font-size:20px; color:#000}
5. ??}
6.  
7. /* width가 최소640 최대 640px로도 지정가능 */
8. @media screen and (min-width:640px) and (max-width:640px) {
9.     .article {background:#fff; font-size:12px; color:#000}
10. }
11. </style>
12.  
13. <span class='article'>안녕하세요. 반응형웹입니다.</span>

 

 

 

 

http://naradesign.net/wp/2012/05/30/1823/