본문 바로가기

World Wide Web/jqueryMobile

모바일 작업시 기본사항 1. 기본적인 html 셋팅메타테그를 이용하여 모바일에 적합한 사이트 만들어야 합니다. content="width=device-width"는 웹페이지의 가로를 모바일 가로사이즈에 맞춘다는 뜻입니다. 즉, 가로 스크롤이 생기지 않습니다.initial-scale=1은 화면을 초기화 할때 몇배율로 할 것인지 정합니다. 1로 한다면 딱 정상적인 배율로 보입니다.maximum-scale=1은 손가락 두개를 쫙 벌려서 확대를 얼마나 할 수 있는지에 대한 부분입니다.1로 하면 확대가 안되고 2로 하면 두배, 3으로하면 세배 확대가 됩니다.minimum-scale=1은 반대로 손가락 두개를 오므려서 얼마나 축소할 수 있는지에 대한 부분입니다.1로하면 축소가 안되고, 0.5는 50%축소가 됩니다.user-scalable.. 더보기
모바일 가로, 세로 방향 체크 12345678910111213window.onorientationchange = function() { switch(window.orientation) { case 0: jQuery(".mainVisualTxt").animate({top :0}, {duration:350, specialEasing:{top : "easeInOutExpo"}}); break; case -90: jQuery(".mainVisualTxt").animate({top :-50}, {duration:350, specialEasing:{top : "easeInOutExpo"}}); break; case 90: jQuery(".mainVisualTxt").animate({top :-50}, {duration:350, specialEa.. 더보기
링크를 일반페이지 링크처럼 바꾸기 제이쿼리 모바일에서 rel="external" 혹은 data-ajax="false"를 써주면 일반링크처럼 변합니다.(page-transition 사라짐) 더보기