PhoneGap构建应用程序 - 不同屏幕尺寸的文字大小?

时间:2013-09-01 09:54:45

标签: text phonegap-build em

这不是一个Android应用程序问题,因为它适用于为Android,iOS,Windows mobile等构建PhoneGap Build的任何内容。

我已经构建了一个应用程序,其框中的文本占屏幕宽度的百分比。我对此很满意,它似乎在我的GNexus,Nexus 4,Nexus 7和Xoom上运行良好。

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

我在文本框中使用%widths。我应该为我的文字大小做同样的事情,还是应该使用em(我还没有真正得到)?

1 个答案:

答案 0 :(得分:0)

如果您正在使用

<input type='text'/>

<textarea></textarea>

要向用户显示信息而不打算让用户编辑/修改文本框,那么您应该考虑使用标签。

<label></label>

这样可以防止出现溢出问题,只要其他因素无法阻止滚动,用户就可以滚动查看信息。

如果你确实需要使用'textarea'标签然后使用jQuery,你可以这样做:

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

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

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

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