제목 | 모바일웹 개발시 참고... | ||
---|---|---|---|
글쓴이 | 배강민 | 작성시각 | 2010/05/03 09:43:36 |
|
|||
안녕들하십니까? <?php //아이폰, 아이팟 사파리면... //로딩 완료후 주소창 자동으로 올리기... if(strpos(strtolower(AGENT), 'apple') == TRUE && strpos(strtolower(AGENT), 'safari') == TRUE) { ?> <script language = "javascript" type = "text/javascript"> //<!-- window.addEventListener('load', function() { setTimeout(scrollTo,0,0,1); }, false); //--> </script> <?php } ?>전 위와 같이 했습니다. 다른 에이전트에서는 스크립트 오류가 나서, 에이전트 분기를 해야하는 것 같습니다.... 또, ipod, iphone에서 기본적으로 가로로 돌리면 텍스트도 상대적으로 커지게 됩니다... 이를 막기 위해서는 기본 css에... 즉, body부분에 -webkit-text-size-adjust:none; /* iphone 에서 가로로 돌렸을때 폰트 안커지게... */ 위 부분을 추가하면 가로에도 폰트등 동일하게 가로만 늘어나게 됩니다... 근데, jquery 로 몇몇 부분을 처리했었는데, 사파리에서만 정상 동작되고 나머지는 아니되서, 일반 자바스크립트(?)로 변경했습니다... 좀 찾아보니 모바일용 jquery도 보이고 하는것 같긴한데, 아직 잘 모르겠어서 일단...쩝.... $(document).ready(function() {} 으로 간단히 onload를 대체하려했는데 동작을 안하고... $("#areaLevel1_<?php echo $this->areaLevel1Index; ?>").addClass("areaLevel1Active"); 요런 기본적인 셀렉터도 안먹어서... 쩝... 도움 되실 분들이 한분이라도 계시길 빌며.. 또 허접하지만 팁이 생기면(?) 또 올려보도록 하겠습니다. 쓰다보니 주절주절되어버렸네요... 어이쿠야 힘찬 한주 시작하십시오... |
|||
다음글 | 간단한 웹접근성 분석도구 (2) | ||
이전글 | Framework - 계속 추가 (1) | ||
배강민
/
2010/05/03 09:49:11 /
추천
0
아.. 가장 기본이 되는...viewport meta태그에 대해서는 생략하겠습니당...
|
최용운
/
2010/05/03 15:33:30 /
추천
0
강민// 고마우이 .. 정말 알찬 정보야!
|