2013-09-01 107 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的值更改後,運行其中一個樣本。

相關問題