Django Section 8

yoodeit·2025년 8월 20일
0

일단 만드는 어무해

목록 보기
17/21

모바일 반응형을 만들기로 했는데 그럼 모바일에서는 어떻게 돌려볼 수 있는가.
개발서버를 localhost말고 다른 ip로도 열 수 있도록 해보자.

1) settings.py allowed_host 만지기

ALLOWED_HOST = ['*']

2. 디자인 모바일 반응형으로 손보기

1) head.html

<style>

.container {
  padding: 0;
  margin: 0 auto;
}

.container a {
  width: 45%;
  max-width: 250px;
}
.container div {
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 1rem;
}

.container img {
    width: 100%;
}


</style>

2) base.css에 반응형코드 추가

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

0개의 댓글