반응형 css 질문
본문
위홈페이지를 크롬에서 페이지이동할때 동작이 제가 원하는 동작이고
이게 익플에서는 페이지 이동할때마다 헤더부분이 미디어쿼리를 먹어(?) 반복됩니다...
해결될수있을까요?
(익플 개발자도구 키고 이동하면 제가 원하던대로 동작하네요)
답변 2
IE 는 버젼에 따른 호환이 크게 다릅니다 버젼 정보를 주셔야 합니다.
11버젼에서는 둘다 동일하게 보이네요....
메뉴 눌러서 이동할때 헤더 이동하지않나요??
10버전에서 한번 확인부탁드립니다..
동일합니다 브라우저캐시 삭제후 시도해보시는건 어떨까요 ....
혹시 개발자 도구 켜놓으시고 페이지이동 하신거 아닌가요? ㅠㅠ
뒤늦게 발견하니 막막하네요..
개발자 모드 없이 크롬/IE11 모두 동일했습니다.
IE10 은 에뮬레이터 라서 개발자 모드 이긴 합니다.
사이트가 무거운감이있는데 버벅임에 의해서 그렇게 보여지는 부분이 있지 않을까요 ?
http://naturalnb.cafe24.com/test.avi
증상을 촬영해봤습니다..
확인은 안되니.. 추측이라도 가능할까요?
제가 사무실이라 창을 작게 봣어요 ... 풀사이즈를 생각 못햇네요 ;;;
우선 #header_m {width: 100%;height: 100px;background: #3d1258;transition: .4s;z-index: 50;margin-top: -100px;transition-delay: .5s}
IE에선 태그 초기값으로 margin-top 을 0 으로 시작하나 봅니다.
transition 을 클래스로 따로 주고 액션을 먹이시는게 어떤가 싶습니다.
답변감사합니다.. 시간좀 넣어야겠네요 ㅠㅠ
그..
마진탑0 문제는 아닌것같습니다
#header 보시면 left:0 top:0 으로 시작하는데
아래 코드를 1300px 이상인데도 읽고 실행되는게 문제가 아닐까요..?
@media screen and (max-width:1300px) { /*타블렛*/
#header {left: -200px;width: 0;overflow: hidden}
}
새로고침할땐 실행안되고 왜 페이지이동되야 그러는지 참 ...
*/ IE10 */ 익스 클래스로 모바일헤드를 display:none 시켜버리세요
모바일은 익스가 없으니
반응형이라시니까 IE에서도 모바일 모드가 적용되어야 한다고 봅니다.
스마트폰 모바일에 익스도 있나여?? 769px 이하면 논 시켜버려도..
