모바일 디버깅, 반응형 레이아웃 (작정하고 장고 39강)

39강

• 모바일 기기로 직접 우리가 만든 사이트를 접속하여 모바일에서 실제로 보여지는 화면이 어떤지 확인해보고, 반응형 레이아웃을 위한 설정을 다루기.

모바일 앱으로 접속
python manage.py runserver = 127.0.0.1:8000

 python manage.py runserver 0.0.0.0:8080

templates/head.html

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

모바일 디바이스 설정

static/base.css

@media screen and (max-width:500px) {
    html{
        font-size: 13px;
    }
}

screen 사이즈가 500이하로 떨어지면 html 안에 있는 font-size를 16px 13px로 작아짐