반응형 웹 구조

VNote 2016.04.24 10:39:29
  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/