inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

인스타그램 클론 - full stack 웹 개발

반응형적용

inner크기가 안줄어들어요

307

권현공

작성한 질문수 11

1

<meta name="viewport"

          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

index페이지에 저 소스를 쓰고,

style.css에

@media screen and (max-width:1000px){

    #header .inner{

        width: 97.5%;

    }

    #main_container{

        padding-top: 220px;

    }

    #main_container .inner{

        width: 93.5%;

    }

    .contents_box{

        display:flex;

        flex-direction: column;

        align-items: center;

    }

    .side_box{

        display: none;

    }

이걸 썼는데 display:none은 먹는데, width부분이 inner들에 적용이안되나봐요..

클론코딩 HTML/CSS python django

답변 1

0

범쌤

안녕하세요 권현공님 :)
kindtiger입니다! 

작성해주신 코드를 보고는 정확한 이유를 찾긴 어렵습니다 ㅠㅠ

다만, 미디어쿼리가 중간중간만 받아간다면 원인은 크게 2가지로 볼 수 있습니다.

1. css 에서 중괄호를 닫지않으면 안닫은 시점부터의 css가 적용이 안됩니다.

2. 미디어쿼리의 위치 - 미디어쿼리도 우선순위를 따집니다 그래서 원래 작성한 inner의 css코드보다 위에서 미디어 쿼리가 잡혀있을경우 우선순위에서 밀리는 경우가 있습니다 ^^ 

두가지를 확인해봐도 css가 안잡히시면 캡쳐해서 코딩화면을 보여주시면 보다 정확하게 찾을 수 있을것같아요 ^^~

variableWidth.style.width 실행이 안되는것 같습니다.

0

304

0

알수없는 에러,,

0

210

0

postgresql: unrecognized service

0

291

0

AssertionError

0

214

0

\d 해도 작동이 안되고 에러가 납니다.

0

317

3

혹시 안내사항이 무슨 말인가요??

0

250

1

팔로잉 부분이 아예 작동이 안되네요. 분명히 똑같이 적은거 같은데 글자도 그림 뒤에 숨고 잘 작동이 안되요

0

283

3

전체 완성된 코딩소스는 어디잇나요?

0

191

2

4:10 쯤에 보이는 네모칸(빨, 주, 노, 초, ...) 치는 앱은 무엇인가요?

0

268

2

웹을 조금 해본사람이 들어야하나요 ?

1

212

1

제가 models.py의 Comment에서 post 변수를 안쓰고

0

230

0

여기까지 따라하고 runserver를 했더니 오류가 떠요

0

423

2

너무 저급한 질문 일 수도 있긴한데

0

173

0

화면이 오류가 안뜨는데

0

237

0

해결은 했지만 궁금합니다.

0

187

0

config폴더에 있는것과 accounts폴더에 있는 것들은 어떻게 다른건가요?

0

358

1

acoount 아래에 urls.py가 없는데 만들어야하나요?

0

191

1

링크가 안생겨요

0

203

1

상위폴더로 어떻게 이동하나요?

0

1112

1

psql이 안돼요

0

212

0

똑같이 했는데 오류가 뜹니다

0

289

1

6분 54초

0

180

0

저도 왜 좋아요가 안뜨는 걸까요?

1

541

6

top :50% 가 왜 가운데로 안가는건가요?

0

458

1