미디어 쿼리

반응형 웹 만들기
미디어쿼리 사용하기
ex)mediaqueri.es

<style>
@media(max-width:799px){
    /*스마트폰 용 스타일*/
}

@media only screen and (min-width:800px)and(max-width:1023px){
    /*태블릿 PC 용 스타일 */
}
@media only screen and(min-width:1024px){
    /*데스크탑 PC*/
}
</style>

모든 모바일 환경, 화면너비에 맞춰서 글자 크기를 맞춰주는 Jquery태그

<meta name="viewport" content="width=device-width, initial-scale=1">

글자가 깨알처럼 보이지 않게