반응형 질문드립니다.
본문
제가 미디어쿼리를 사용해서 반응형 홈페이지로 만들려고하는데
혹시 그누보드는 미디어쿼리 사용하려면 따로 다른 작업이 필요한가요??
<style>
@media only screen and (max-width:960px;)
{
.movie_wrap{height:300px;}
}
</style>
이렇게 작성했는데 스타일 자체가 안먹히네요 왜그런가요?? 제가 어떤 실수를 한걸까요??
답변 3
문제없이 사용가능합니다.
요소보기로 해당 미디어쿼리가 잘불러와지는지
css파일에 제대로 넣었는지 확인해보세요
css 파일에 작성한게아니고 바로 index파일에 style을 작성해서 하였습니다.
요소보기와 페이지 소스보기 했을때도 미디어쿼리는 잘나옵니다.. ㅠㅠ 왜그런 걸까요?? ㅠㅠ
재생각엔 .movie_wrap{height:300px;} 보다 우선시 되는 요소가 있지 않을까 싶네요
예를 들어 div..movie_wrap{height:300px;} 나 div.wrap_body <.movie_wrap{height:300px;}처럼 우선적용 순위에서 밀렸을 수 도 있습니다.
height:300px !important로 강제적용하시거나 우선순위를 올려주시면 되지 않을까 싶네요
작성하신 미디어 쿼리가 문제가 아니거 같고
실제 사용하시는 환경에서
<style>
@media only screen and (max-width:960px;) {
.movie_wrap{height:300px;}
}
</style>
를 적용할만큼 사이즈가 작지 않은게 아닐까요?
max-wdth:960px 보다 큰 브라우저에서 확인중이시면 해당 내용은 확인이 안될거 같네요
이 게시물을 천천히 참고해보세요
답변을 작성하시기 전에 로그인 해주세요.