position:fixed를 시켰을때 모바일에서
지음
안녕하세요.
날씨 엄청 좋던데 저는 오늘도 여전히헤메고 있습니다.
메뉴바를 position:fixed를 시켰습니다.근데 모바일,아이패드에서 줌, 아웃을 하면 같이 커지고 같이 작아져야하는데메뉴가 따로 놀아요.아마도position:fixed를 시켜서 그런거 같은데 이거 해결하는 방법 없나요?
div class=wrapper div class=header_wrap div class=headerdiv class=top_wrap헤드내용/div /div /divdiv class=banner div class=innerBanner배너 /div/div
div class=content/divdiv class=footer/div
/div
.wrapper{width:100%;position:relative;margin:0 auto;height:100%;}div.header_wrap{width:100%;position:fixed;top:0;left:0;z-index: 99;height:72px;}div.header_wrap.header{width:1270px;margin:0 auto;}div.header .top_wrap{width:1000px;height:72px;margin:0 auto;}div.innerBanner{width:1270px;height:680px;position:relative;overflow:hidden;top:0px;z-index:3;margin:0 auto;}
이런식으로 css를 먹였는데 뭐가 어떻게 해야할까요?
일반 브라우저에서는 괜찮은데.모바일,아이패드에서 줌, 아웃이 어긋나네요. 같이 커지고 작아져야하는데.어떻게 하면 좋을까요?
-
마루한
제가 아직 능숙한 퍼블리셔가 아니라서리...
모바일용 meta tag에다가 적는거 맞져? 모바일용 meta tag넣었더니 100%로 나와서 모바일쪽은 화면이 크게 나와요. 화면 안에 꽉 차서 나와야하는데.. 본 사이즈대로 나오는거 같아요. -
감춰왔던
viewport에 width=\100%\ 로 해보세요~