미디어쿼리
미디어쿼리
-----------------------------------------------------------------------------
<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)"> <!-- 포터블에서 레이아웃 변경시 가로보기 -->
------------------------------------------------------------