11. 반응형 웹

1. 반응형 웹이란?

-> 브라우저의 사이즈에 따라 레이아웃이 바뀌는 웹 / 따로 모바일, 타블릿 버전 만들 필요가 없음

2. 반응형 웹 만드는 법 

h1{
    font-size: 24px;
}

p{
    font-size: 16px;
}

@media (min-width: 768px){ //최소 너비 768이 넘어가면 폰트크기가 커지게 된다.
    h1{
        font-size: 36px;

    }

    p{
        font-size: 24px;

    }

@media(min-width: 992px;){
    h1{
        font-size: 48px;
    }
    
    p{
        font-size: 32px;
    }