미디어쿼리

미디어쿼리
-----------------------------------------------------------------------------

<link rel="stylesheet" type="text/css" href="">

<link rel="stylesheet" type="text/css" href="" media="only all and (max-width: 480px)">

<link rel="stylesheet" type="text/css" href="" media="only all and (min-width: 480px) and (max-width: 1024px)">

<link rel="stylesheet" type="text/css" href="" media="only all and (min-width: 1200px)">

<link rel="stylesheet" type="text/css" href="" media="only screen and (-webkit-min-device-pixel-ratio: 2)" >

 <!-- 레티나 디스플레이 때 사용 -->

<link rel="stylesheet" href="portrait.css" media="all and (orientation:portrait)">  <!-- 포터블에서 레이아웃 변경시 세로보기 -->

<link rel="stylesheet" href="landscape.css" media="all and (orientation:landscape)"> <!-- 포터블에서 레이아웃 변경시 가로보기 -->



------------------------------------------------------------