말 그대로 회전 각도에 따라 각각 다른 css를 부여하는 방법 입니다.
예를 들어 세로로 볼때 가로로 볼때 각각 다른 스타일이 적용됩니다.
또는 아이폰이나 아이패드용 웹사이트 만드시는 분들께 유용한 정보가 되리라 생각 합니다.
몇날 방법을 알아내려고 여기저기 뒤져봤는데 한국에선 워낙 프로그래머 분들 능력이 뛰어나서
html 엡 관련 정보는 잘 찾아볼 수가 없군요.
몇가지 찾아낸 정보는 아무리 적용해도 복잡하게 얽혀있는건지 제가 잘 못한건지 적용이 안되고..
결국 일본어를 좀 알아서 일본어 사이트에서 알아낸 정보 입니다.
별거 아니라고 생각하는 분들도 물론 계시겠지만 저처럼 엄청 유용한 정보가 될지도 모를 분들을 위해 남깁니다.
결론은 정말 정말 간단합니다.
어렵게 자바써서 나눠주고 body에 뭐 써넣고 그런거 일체 없이 아래 딱 두줄만 <head></head>사이에 넣어주면 끝납니다.
<link rel="stylesheet" media="all and (orientation:portrait)" href="XXX1.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="XXX2.css">
해결하고 나서 보니 허무하리만큼 너무 간단하더군요.
잡지 어플 같은거 만드시는분들께 유용하리라 생각합니다.
회전시 화면 확대 뿐만이 아니라 이미지 사이즈조정등 화면 형태에 맞춰 전체적인 스타일이 바뀌면 더 재밌는 엡을 구현할 수 있으리라 생각 되는군요.
추신; html+java+css로 엡 만드는법 잘 나온 사이트나 정보 있으신 분들 공유 부탁 드립니다.
'모바일 WEB 관련' 카테고리의 다른 글
| 아이폰 웹어플리케이션 개발시 꼭 알아야할것 (0) | 2010.06.05 |
|---|---|
| 웹페이지 열때 브라우저 종류 인식하기 (0) | 2010.06.03 |
| 아이폰에서 웹페이지 띄울 때 주소창 자동으로 숨겨주는 처리 (0) | 2010.06.03 |
| 아이폰용 웹페이지 해상도 최적화 (0) | 2010.06.03 |
