본문 바로가기

모바일 코딩시 쓰는 코딩[펌] 자료 출처http://biew.co.kr/20 화면 회전시 폰트사이즈 고정 body {-webkit-text-size-adjust:none} 페이지가 랜더링될 때 모바일 사파리는 텍스트의 크기를 자동으로 조절하는데, 이때 -webkit-text-size-adjust를 이용해 텍스트의 크기를 고정 또는 원하는 대로 조절할 수 있습니다. css의 body에 적어주면 해결됩니다.-webkit-text-size-adjust의 3가지 속성 auto : 화면의 폭에 맞추어서 텍스트의 크기를 자동으로 조절none : 폰트사이즈 고정n% : 폰트사이즈를 지정된사이즈로 변경 ------------------------------------- 모바일 웹페이지를 가로크기에 맞추기 스마트폰에서 랜더링 시켰을경우 터치를 통한 .. 더보기
동영상 태그 WMV 파일 경우 오늘 wmv를 첨부할일이 있었는데 embed로 하니 파이어폭스에서 지원이 되지 않아서 다른방법을 찾다가 아래와 같은 방법을 찾았다. 1. 인터넷익스플로러인 경우 2. 인터넷익스플로러가 아닌경우 /* 퀵타임인 경우 플래시 경우 더보기
모바일 유용한 스크립트 meta태그 기본 해당 브라우저에서 화면에 맞게 자동 조절 user-scalable=no : 사용자의 확대보기 허용 여부(no/yes) initial-scale=1.0 : 페이지 로딩시 확대비율 maximum-scale=1.0 : 최대확대비율 minimum-scale=1.0 : 최소축소비율 width=device-width : 플랫폼 가로 크기에 맞춤, 수치를넣으면 그수치에 맞게 맞춰짐. target-densitydpi=medium-dpi : dpi([dots per inch])를 머... 맞추라는 거겠지여? 아닌가.. ㅎㅎ 위 태그로 거의 모든 스마트폰 공용으로 웹페이지의 넓이가 디스플레이 크기에 맞춰집니다. 그 외에 메타태그 아이폰 사파리에서 전화번호 링크를 마음대로 하는 경우가 있는데 그럴 경우 이.. 더보기