2013-09-01 4 views
0

안드로이드 앱 질문이 아닙니다. 안드로이드, iOS, 윈도우 모바일 등 PhoneGap Build를 위해 만들 수있는 것과 관련되어 있기 때문입니다.PhoneGap 앱 제작 - 다양한 화면 크기의 텍스트 크기?

텍스트가있는 앱을 만들었습니다. 상자는 화면 너비의 %입니다. 이 문제에 만족하고 GNexus, Nexus 4, Nexus 7 및 Xoom에서 제대로 작동하는 것 같습니다.

하지만 갤럭시 S3 사용자 중 한 명이 자신의 휴대 전화에서 텍스트 오버 플로우 문제를 신고했습니다.

텍스트 상자에 % widths를 사용하고 있습니다. 내 텍스트 크기에 대해 동일한 작업을 수행해야합니까? 아니면 엠 (어쨌든 실제로 얻지 못하는)을 사용해야합니까?

답변

0

당신이 사용자에게 정보를 표시하는

<input type='text'/> 

또는

<textarea></textarea> 

를 사용하고 사용자가 텍스트 상자를 편집/수정하는 의도하지 않는 경우, 당신은 사용을 고려해야합니다 레이블 대신.

오버플로 문제를 방지하고 다른 요소가 스크롤을 방지하지 않는 한 사용자가 스크롤하여 정보를 볼 수있게합니다. 당신이 jQuery를 사용하여 다음 '텍스트 영역'태그를 사용해야하는 경우

당신이 할 수 있습니다 : 당신이 jQuery를 사용하지 않는 경우,

$("#yourTextAreaId").height($("#yourTextAreaId").scrollHeight); 

를 또는, 여기 당신을 위해 몇 가지 일반 JS입니다 :

var myTextArea = document.getElementByID('yourTextAreaId'); 
myTextArea.height = myText.scrollHeight + "px";; 

텍스트 영역의 값을 설정 한 후 및/또는 텍스트 영역의 값이 변경 될 때마다 해당 샘플 중 하나를 실행하십시오.