그누보드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)
으로 한정하시는게 좋죠
혹은
범위를 지정하시던지요
범위지정이 애매합니다.
참고하세요
네 한번 시도해보겠습니다 답변감사합니다
안되네요 ㅎㅎ ㅠㅠ
@media screen and (min-width:700px) and (max-width:899px)
이런식으로 구역을 정해서 해봐도 역시나 웨일은 잘 작동하고 크롬은 안되네요 ㅎㄷㄷ
