2013-09-01 76 views
0

这不是一个Android应用程序的问题,正因为如此,因为它涉及到任何一个可以建立的PhoneGap构建于Android,iOS,Windows Mobile的,等PhoneGap构建应用程序 - 针对不同屏幕尺寸的文本大小?

我建立的一个具有文本的应用程序框是屏幕宽度的百分比。我对此感到满意,似乎在我的GNexus,Nexus 4,Nexus 7和Xoom上运行良好。

但是我的一位Galaxy S3用户在他的手机上报告了文本溢出问题。

我使用%宽度作为文本框。我应该为我的文字大小做同样的事情,还是应该使用em(我真的不知道)?

回答

0

如果您正在使用

<input type='text'/> 

<textarea></textarea> 

相关信息显示给用户,并且不打算让用户编辑/修改的文本框,那么你应该考虑使用改为标签。

<label></label> 

这将防止溢出问题,并允许用户滚动查看信息,只要其他因素不妨碍滚动。

如果你需要使用“文本区域”标签,然后使用jQuery你可以做:

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

或者,如果你不使用jQuery,这里是一些简单的JS给你:

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

在设置了textarea的值和/或任何时候textarea的值更改后,运行其中一个样本。

相关问题