jQuery.Tip // Web Mobile 작업시 주의사항

티스토리 뷰

웹 코딩/jquery

nopinokio 2015. 3. 14. 12:16

jQuery.Tip // Web Mobile 작업시 주의사항

<haed>안에 <meta>선언할때 모바일을 위한 선언을 할것!

<head>안에 모바일용 아이콘을 링크를 걸되 114*114에 맞춰 작업해서 두르두르 사용할것!

- 14.01.14 수정 -

CSS파일에 BODY 에 모바일용 필수 속성을 넣어 줄것!

body

{-webkit-user-select:none;
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);

FONT-SIZE: 14px;}

들어가는 이미지는 모바일에 맞춰서 크게 만들되 실제 img속성에는 width값은 50%를 박아 줄것!

실제 이미지 500 * 300

가로값은 무조건 100%로 맞추되 세로값은 주지 않는다.

실제 이미지 500 * 300

#mainRolling li a img{width: 100%;}

글자가 자칫 줄바꿈을 할수 있음으로 min-width를 주어 최소 가로값을 준다.

하단 회사 정보가 줄바꿈하는것을 방지해주기도 한다.

#header, #content, #footer{min-width: 370px;}

Ajax를 이용한 데이터 조회시 로딩 로딩 이미지 보이기(jquery이용) (1)	2015.06.10
jQuery.Tip // a링크 클릭이벤트 실행안함!! (0)	2015.03.14
제이쿼리 animate ease값 볼수있는곳 (0)	2015.03.10
[jquery] 간단한 슬라이드 [반복 loop X] (0)	2015.03.06
[jquery] go top / 맨위로 / 위로 올라가기 (0)	2015.03.04

공유하기 링크

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함