테스트 사이트 - 개발 중인 베타 버전입니다

반응형 질문드립니다. 채택완료

제가 미디어쿼리를 사용해서 반응형 홈페이지로 만들려고하는데

 

혹시 그누보드는 미디어쿼리 사용하려면 따로 다른 작업이 필요한가요??

 

</p>

<p><style></p>

<p>@media only screen and (max-width:960px;)

{

    .movie_wrap{height:300px;}

}</p>

<p></style></p>

<p>

 

이렇게 작성했는데 스타일 자체가 안먹히네요 왜그런가요?? 제가 어떤 실수를 한걸까요??

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

작성하신 미디어 쿼리가 문제가 아니거 같고

 

실제 사용하시는 환경에서

 

</p>

<p><style></p>

<p>@media only screen and (max-width:960px;) {</p>

<p>    .movie_wrap{height:300px;}</p>

<p>}</p>

<p></style></p>

<p>

를 적용할만큼 사이즈가 작지 않은게 아닐까요?

 

max-wdth:960px 보다 큰 브라우저에서 확인중이시면 해당 내용은 확인이 안될거 같네요

 

 

https://sir.kr/g5_tip/3910

 

이 게시물을 천천히 참고해보세요

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

재생각엔 .movie_wrap{height:300px;} 보다 우선시 되는 요소가 있지 않을까 싶네요

예를 들어 div..movie_wrap{height:300px;} 나 div.wrap_body <.movie_wrap{height:300px;}처럼 우선적용 순위에서 밀렸을 수 도 있습니다.

height:300px !important로 강제적용하시거나 우선순위를 올려주시면 되지 않을까 싶네요

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

문제없이 사용가능합니다.

요소보기로 해당 미디어쿼리가 잘불러와지는지

css파일에 제대로 넣었는지 확인해보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

css 파일에 작성한게아니고 바로 index파일에 style을 작성해서 하였습니다.
요소보기와 페이지 소스보기 했을때도 미디어쿼리는 잘나옵니다.. ㅠㅠ 왜그런 걸까요?? ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고