You cannot see this page without javascript.

2016.10.11 09:52

반응형 CSS

조회 수 259 추천 수 0 댓글 0

@charset "utf-8";
@charset "euc-kr";

/*==============================
반응형 레이아웃 구성 by 파미유
================================*/

/* divice 해상도에 따른 이미지 크기 조정 - 필요할 경우 사용 */
@media screen and (-webkit-min-device-pixel-ratio:1.5){} /* 안드로이드 */


/*==================
스마트폰 기본 세팅 
====================*/
/*smartphones ( portrait )*/
@media all and (max-width:320px){}

/*smartphones ( landscape )*/
@media all and (min-width:321px) and (max-width:360px){}

/*smartphones ( landscape )*/
@media all and (min-width:361px) and (max-width:375px){}

/*smartphones ( landscape )*/
@media all and (min-width:376px) and (max-width:414px){}

/*smartphones ( landscape )*/
@media all and (min-width:415px) and (max-width:480px){}

/*tablet( portrait )*/
@media all and (min-width:481px) and (max-width:533px){}

/*tablet ( portrait )*/
@media all and (min-width:534px) and (max-width:640px){}

/*tablet ( portrait )*/
@media all and (min-width:641px) and (max-width:768px){}

/*tablet ( landscape )*/
@media all and (min-width:769px) and (max-width:1024px){}

/*=================
데스크탑 기본 세팅 
===================*/
@media all and (min-width:1025px){}