안드로이드 개발 질문/답변
(글 수 45,052)
안녕하세요..
이번에 모바일웹 프로젝트를 진행하면서..
테스트 몇 가지 해봤는데..
풀리지 않는 부분이 있어 질문 드립니다.
m.naver.com 같은데를 한번 보면..
pc에서 접속하든지, 모바일기기(아이폰, 안드로이드탑재 폰) 에서 접속을 하든지..
폰트 크기, 폼필드의 크기등이.. 고정된 크기인지 먼지는 모르겠지만,,
적당한 크기로 랜더링 되어 표현이 되는데..
테스트페이지를 올려서 시도해보니..
크기를 px, em, %.. 등의 단위별로 지정도 해봤는데..
m.naver.com과 같은 결과를 얻을 수 없었습니다.. -ㅜ
pc에서 맞춰 작업을 하면.. 모바일기기에서는 너무 작고..
모바일 기기에 맞추니 pc에서 너무 크게 보이는 문제가 있는 것이죠.. ㅠㅠ
어떤 기술이 숨겨져 있는건지.. 에휴,,..
조언 부탁드립니다.. -ㅜ
이번에 모바일웹 프로젝트를 진행하면서..
테스트 몇 가지 해봤는데..
풀리지 않는 부분이 있어 질문 드립니다.
m.naver.com 같은데를 한번 보면..
pc에서 접속하든지, 모바일기기(아이폰, 안드로이드탑재 폰) 에서 접속을 하든지..
폰트 크기, 폼필드의 크기등이.. 고정된 크기인지 먼지는 모르겠지만,,
적당한 크기로 랜더링 되어 표현이 되는데..
테스트페이지를 올려서 시도해보니..
크기를 px, em, %.. 등의 단위별로 지정도 해봤는데..
m.naver.com과 같은 결과를 얻을 수 없었습니다.. -ㅜ
pc에서 맞춰 작업을 하면.. 모바일기기에서는 너무 작고..
모바일 기기에 맞추니 pc에서 너무 크게 보이는 문제가 있는 것이죠.. ㅠㅠ
어떤 기술이 숨겨져 있는건지.. 에휴,,..
조언 부탁드립니다.. -ㅜ
2010.05.14 16:12:03
따로 만드는 방법 밖에는 없나요?
ㅇ ㅏ.. 따로 만들기 싫어서 저런 시도를 했던 거라서.. --;;
네이버도 따로 만들었을까... --;;;;;
고맙습니다.
생각을 다시 한번 해봐야 겠네요^^
ㅇ ㅏ.. 따로 만들기 싫어서 저런 시도를 했던 거라서.. --;;
네이버도 따로 만들었을까... --;;;;;
고맙습니다.
생각을 다시 한번 해봐야 겠네요^^
2010.05.18 10:01:12
pc에 맞추면 모바일기기에서 너무 작고 모바일기기에 맞췄을때 pc에서 너무 작다면..
head 태그 사이에 meta 태그 부분 문제가 아닐까 싶네요.
소스코드를 보지 못해서 의심되는 부분만 써봤습니다^^;
<meta name="viewport" content="width=device-width, content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0; user-scalable=1;" />
속성 보시면 어떠한 값들 설정인지 아실꺼라 생각되고..
추가로..
웹킷 엔진을 쓰는 브라우져(사파리,크롬)에서 css 속성값들 몇개 써봅니다.
-webkit-text-size-adjust (가로모드, 세로모드일때 자동 폰트사이즈 조절여부. 기본값은 auto 인데 none으로 설정하면 자동으로 크기조절 안합니다.)
-webkit-appearance (form 엘리멘트의 모양을 설정한다. none으로 설정하면 일반 웹에서 보는 form모양으로 나올껍니다.)
-webkit-border-radius (form 엘리멘트의 곡선 테두리의 값을 설정한다. 기본값은 5px로 알고있습니다.)
head 태그 사이에 meta 태그 부분 문제가 아닐까 싶네요.
소스코드를 보지 못해서 의심되는 부분만 써봤습니다^^;
<meta name="viewport" content="width=device-width, content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0; user-scalable=1;" />
속성 보시면 어떠한 값들 설정인지 아실꺼라 생각되고..
추가로..
웹킷 엔진을 쓰는 브라우져(사파리,크롬)에서 css 속성값들 몇개 써봅니다.
-webkit-text-size-adjust (가로모드, 세로모드일때 자동 폰트사이즈 조절여부. 기본값은 auto 인데 none으로 설정하면 자동으로 크기조절 안합니다.)
-webkit-appearance (form 엘리멘트의 모양을 설정한다. none으로 설정하면 일반 웹에서 보는 form모양으로 나올껍니다.)
-webkit-border-radius (form 엘리멘트의 곡선 테두리의 값을 설정한다. 기본값은 5px로 알고있습니다.)