WEB/Mobile

개인적인 미디어쿼리 틀

연꽃- 2016. 12. 15. 13:10

@media all and (max-width:767px) {

/* 브라우저 가로폭이 767px이하일때 적용될 css (스마트폰) */

}

 

 

@media all and (min-width:768px) and (max-width:1023px) {

/* 브라우저 가로폭이 768~1023px일때 적용될 css (태블릿) */

}

 

@media all and (min-width:1024px) {

/* 브라우저 가로폭이 1024px이상일때 적용될 css (PC) */

}