text - PhoneGap 构建应用程序 - 不同屏幕尺寸的文本大小？

Question

因此，这不是一个 Android 应用程序问题，因为它涉及可以为 Android、iOS、Windows 移动等的 PhoneGap Build 构建的任何东西。

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

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

我正在为文本框使用 % 宽度。我应该对我的文本大小做同样的事情还是应该使用 em （无论如何我都没有得到）？

score 0 · Accepted Answer

If you are using

<input type='text'/>

or

<textarea></textarea>

to display information to a user and do not intend for the user to edit/modify the text box, then you should consider using a label instead.

<label></label>

This will prevent overflow issues and allow the user to scroll to see info as long as other factors aren't preventing scrolling.

If you do need to use a 'textarea' tag then using jQuery you can do:

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

Or, if you aren't using jQuery, here is some plain JS for you:

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

Run either one of those samples after you have set the value of the textarea and/or any time the value of the textarea changes.

1 回答 1