ie 미디어쿼리 처음에 먹는 문제
본문
#header {width: 200px;background: #2e133f;position: absolute;left: 0;top: 0;z-index: 100;height: 100%;transition: .3s;}
@media screen and (max-width:1300px) { /*타블렛*/
#header {left: -200px;width: 0;overflow: hidden}
}
위 미디어쿼리 구문을 1300픽셀 이상 화면에서도 '페이지 이동할때' 슥 읽고서 실행해버립니다..
결과적으로 페이지 이동시 #hedaer가 left:-200으로 갔다가 left:0으로 돌아옵니다
(새로고침할때나 개발자 도구를 키고있을때나 크롬에서는 정상작동 합니다)
링크를 타면 미디어쿼리문을 왜인지 그냥 읽어버리는듯 합니다..
문제홈페이지: http://naturalnb.cafe24.com/
문제영상 : http://naturalnb.cafe24.com/test.avi
관련어제 질문글 : http://sir.kr/qa/148340?page=1&sfl=mb_id,1&page=1&unanswered=0&s_tag=&cwin=&vsst=&vpage=1
답변 1
@media screen and (min-width: 801px) and (max-width:1300px)
최소사이즈 까지 잡으면 될문제 같습니다....
감사합니다 이걸로해결이 되네요..? 모바일 타블렛 다 동일적용되게하려고 맥스만 쓴건데..
정말감사합니다.!!
답변을 작성하시기 전에 로그인 해주세요.