반응형
출처 - http://w-rn.tistory.com/23
모바일환경을 위해 html,php 페이지 에 작업을 해주셔야할것이 있습니다.
선언시에는 PC와는 다르게
선언 하셨다면 그 아랫줄에
그다음부터는 HEAD, BODY를 작성하셔야 합니다.
다만 문제가 될것은 <head>와 </head>사이에는 반드시
그리고 아이팟터치/아이폰 환경의 사용자들은 홈화면에 바로가기를 추가할수 있고, 아이콘을 나타내려면
정도의 사이즈로 나타내주시면됩니다.
자, 이제 body부분을 작성해야합니다.
가로,세로 모드를 구분하기 위해서는 새로바뀐
이제, 기초적인 페이지 준비는 끝났으므로, 자유롭게 제작하시면됩니다.
단,CSS제작시 아이팟터치/아이폰/안드로이드 에서 지원하는 명령어가 있으며, PC에서는 적용되도, 모바일 기기에서 적용이 안될수 있다라는점 기억해주십시오.
모바일환경을 위해 html,php 페이지 에 작업을 해주셔야할것이 있습니다.
선언시에는 PC와는 다르게
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
으로 선언해주셔야합니다. 동적인 HTML 페이지를 만들기 위해서 이죠. ^^*선언 하셨다면 그 아랫줄에
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
이렇게 작성해주시기 바랍니다.그다음부터는 HEAD, BODY를 작성하셔야 합니다.
다만 문제가 될것은 <head>와 </head>사이에는 반드시
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
가 추가되어야 합니다.그리고 아이팟터치/아이폰 환경의 사용자들은 홈화면에 바로가기를 추가할수 있고, 아이콘을 나타내려면
<link rel="apple-touch-icon" href="이미지경로" />
와 같이 표시하셔야합니다.
 |
자, 이제 body부분을 작성해야합니다.
가로,세로 모드를 구분하기 위해서는 새로바뀐
<body onorientationchange="orient();">
형식으로 작성하셔야합니다.이제, 기초적인 페이지 준비는 끝났으므로, 자유롭게 제작하시면됩니다.
단,CSS제작시 아이팟터치/아이폰/안드로이드 에서 지원하는 명령어가 있으며, PC에서는 적용되도, 모바일 기기에서 적용이 안될수 있다라는점 기억해주십시오.
반응형
