ie 미디어쿼리 처음에 먹는 문제

Question

#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으로 돌아옵니다

(새로고침할때나 개발자 도구를 키고있을때나 크롬에서는 정상작동 합니다)

링크를 타면 미디어쿼리문을 왜인지 그냥 읽어버리는듯 합니다..

깜봉 · Accepted Answer

@media screen and (min-width: 801px) and (max-width:1300px)  최소사이즈 까지 잡으면 될문제 같습니다....