그누보드5 미디어쿼리 크롬 적용 안됨

그누보드5 미디어쿼리 크롬 적용 안됨

QA

그누보드5 미디어쿼리 크롬 적용 안됨

본문

미디어쿼리를 적용하니 크롬에서 적용이 안됩니다.

 

아에 적용이 안되면 또 모르겠는데 확인 결과

 

@media all and (max-width: 1000px) 까지는 또 적용이 됩니다 ...

 

그런데 1000px이하로 넣으면 적용이 안됩니다 ..

 

예 ) @media all and (max-width: 990px) <-- 적용안됨 ..

 

웃긴건 웨일로 개발자도구를 열어서 모바일 환경으로 변경 후 사이즈 줄이고 새로고침을 하면

 

웨일은 1000px 밑으로도 미디어쿼리가 적용이 됩니다 ..

 

거기다 폰으로 확인시에는 (갤럭시 삼성인터넷)으로 확인해보면 크롬처럼 적용이 안됩니다 ..

 

도대체 왜 이런걸까요 ..

이 질문에 댓글 쓰기 :

답변 2

미디어 쿼리에 }가 안닫혀있는지 확인 해보세요.

제가 의견을 드리면 (정답은 아니겠지만)

 

미디어 쿼리를 사용하실때

 

((              990px)  1000px) 

하시면

 

1000을 넘어선경우 어떤게 적용되어야하고

 

1000보다 작은경우

990에 걸릴지, 1000에 걸릴지 알기 애매하죠

브라우저문제일수도 있겠지만

우선순위가 없는경우 헛갈리수밖에 없겠죠

 

그러면

 

미디어쿼리를

@media all and (min-width: 991px)

@media all and (max-width: 990px)

으로 한정하시는게 좋죠

혹은

범위를 지정하시던지요

범위지정이 애매합니다.

 

참고하세요

답변을 작성하시기 전에 로그인 해주세요.
전체 54
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT