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

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

매력있데이 7년 전 조회 1,768

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

 

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

 

</p>

<p><style></p>

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

{

    .movie_wrap{height:300px;}

}</p>

<p></style></p>

<p>

 

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

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

답변 3개

플래토
7년 전

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

 

실제 사용하시는 환경에서

 

</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개

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

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

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

로그인