테스트 사이트 - 개발 중인 베타 버전입니다

반응형 css 질문 채택완료

비비비비빕 9년 전 조회 2,249

http://naturalnb.cafe24.com/">http://naturalnb.cafe24.com/ 

 

위홈페이지를 크롬에서 페이지이동할때 동작이 제가 원하는 동작이고

이게 익플에서는 페이지 이동할때마다 헤더부분이 미디어쿼리를 먹어(?) 반복됩니다...

해결될수있을까요?

(익플 개발자도구 키고 이동하면 제가 원하던대로 동작하네요)

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

*/ IE10 */ 익스 클래스로 모바일헤드를 display:none 시켜버리세요

 

모바일은 익스가 없으니

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

깜봉
9년 전
반응형이라시니까 IE에서도 모바일 모드가 적용되어야 한다고 봅니다.
돼지코구뇽
9년 전
스마트폰 모바일에 익스도 있나여?? 769px 이하면 논 시켜버려도..

댓글을 작성하려면 로그인이 필요합니다.

9년 전

IE 는 버젼에 따른 호환이 크게 다릅니다 버젼 정보를 주셔야 합니다.

11버젼에서는 둘다 동일하게 보이네요....

로그인 후 평가할 수 있습니다

답변에 대한 댓글 8개

비비비비빕
9년 전
메뉴 눌러서 이동할때 헤더 이동하지않나요??
10버전에서 한번 확인부탁드립니다..
깜봉
9년 전
동일합니다 브라우저캐시 삭제후 시도해보시는건 어떨까요 ....
비비비비빕
9년 전
혹시 개발자 도구 켜놓으시고 페이지이동 하신거 아닌가요? ㅠㅠ
뒤늦게 발견하니 막막하네요..
깜봉
9년 전
개발자 모드 없이 크롬/IE11 모두 동일했습니다.
IE10 은 에뮬레이터 라서 개발자 모드 이긴 합니다.

사이트가 무거운감이있는데 버벅임에 의해서 그렇게 보여지는 부분이 있지 않을까요 ?
비비비비빕
9년 전
http://naturalnb.cafe24.com/test.avi

증상을 촬영해봤습니다..
확인은 안되니.. 추측이라도 가능할까요?
깜봉
9년 전
제가 사무실이라 창을 작게 봣어요 ... 풀사이즈를 생각 못햇네요 ;;;

우선 #header_m {width: 100%;height: 100px;background: #3d1258;transition: .4s;z-index: 50;margin-top: -100px;transition-delay: .5s}

IE에선 태그 초기값으로 margin-top 을 0 으로 시작하나 봅니다.

transition 을 클래스로 따로 주고 액션을 먹이시는게 어떤가 싶습니다.
비비비비빕
9년 전
답변감사합니다.. 시간좀 넣어야겠네요 ㅠㅠ
비비비비빕
9년 전
그..
마진탑0 문제는 아닌것같습니다

#header 보시면 left:0 top:0 으로 시작하는데

아래 코드를 1300px 이상인데도 읽고 실행되는게 문제가 아닐까요..?

@media screen and (max-width:1300px) { /*타블렛*/
#header {left: -200px;width: 0;overflow: hidden}
}

새로고침할땐 실행안되고 왜 페이지이동되야 그러는지 참 ...

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인