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