“ 모바일 페이지 작성시 아이폰 환경 맞추기 ”
모바일 페이지를 틈틈이 작성중인데...제폰(안드로이드 LG KH5200)이 잘 되는 것 같아 다 잘 나오겠지 했는데...
아이폰으로 테스트한 결과 옆에 여백이 많은 아주 작은 화면이 나오길래 찾아보니까...
다음같은 코드 소스가 필요하다는 것을 알았습니다.
아이폰 사파리는 해상도가 980픽셀로 보여주기 때문에
아래와 같이 설정하지 않으면 330픽셀의 여백이 남는 아주 작은 화면을 보게 된다고 하는군요..
htm 파일에 한번 붙여봐서 테스트 했구요
테크노트는
skin_board 안에 설정한 1_main_html 파일 쪽에 붙여서 테스트 완료했습니다.
일단은 원하는데로 된것 같구요...
다른 분들도 관심있으시면 한번 해보시고 문제점 있으면 같이 공유하죠...
소스..
-----------------------------------------
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
각각의 설정 값과 기본 값은 아래와 같은데 사용자에 따라 최적화된 환경을 제공할 수 있도록 각각의 속성을 설정할 수 있다고 합니다. 저는 그냥 위에 기본만 사용했습니다...
width : 넓이 – device-width | N px (200~10000 px, default 980 px)
height : 높이 – device-height | N px (223~10000 px)
initial-scale : 초기 확대/축소 배율
minimum-scale : 최소 축소 배율 – N (0~10, default 0.25)
maximum-scale : 최대 확대 배율 – N (0~10, default 1.6)
user-scalable : 확대/축소 가능 여부 – yes | no (default yes)
* 사용 설명이 불분명한 자료는 사용자 안전을 위해 삭제하오니 양해 바랍니다.
* 포인트 취득 목적만으로 무의미한 엉터리 자료 올리려는 분은 부디 양심 찾으시길 바랍니다.
* 이글은 지우고 올리십시오.
|
공지사항
APPLICATION
우기77
아이케
DuDu
Oldradio70
물길
싸이메인닷컴
보토스
한라산
