用Cordova格式化iOS

Question

目前，我正在使用Cordova引擎插件和angularJS庫創建一個應用程序。 我已經在Android和iOS上創建了一個應用程序，並且在Android上一切正常，但是對於iOS而言，情況則不同。

https://i.stack.imgur.com/SQKFE.png

請注意如何在選擇字段上顯示（當前顯示所有人）？ 請注意，當它碰到線條的邊緣時，它是如何環繞文本的？ 我使用的Android或網絡瀏覽器似乎沒有執行此操作。 我想過一種替代方法，通過將所有內容堆疊在一起來防止此問題，但我想擁有現在的樣式嗎？

我的問題是，如果屏幕尺寸很小，有沒有辦法在選擇中不顯示所有文本，而是以前幾個字符結尾...

Answer 1

嘗試在具有文本的元素中使用類似的內容

@media (small-screen){
  .class-name{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
   }
}

Answer 2

因此，事實證明Safari在默認情況下似乎並未對select和option語句使用自動換行css標記，因此我添加了該標記，這似乎可以解決問題。 我不確定這是否意味着他們是否將Safari作為iOS上cordova應用程序的基礎。