html - 使用 Cordova 格式化 iOS

Question

目前我正在使用 Cordova 引擎插件和 angularJS 库创建一个应用程序。我已经在 Android 和 iOS 中创建了一个应用程序，在 Android 中似乎一切正常，但对于 iOS，情况就不同了。

/image/SQKFE.png

请注意选择字段(当前显示“显示所有人”的位置)如何？请注意当文本到达行的边缘时它是如何环绕文本的？ Android 或我测试过的 Web 浏览器似乎无法做到这一点。我想到了一种替代方法，通过将所有东西堆叠在一起来防止这个问题，但我想要现在的风格吗？

我的问题是，如果屏幕尺寸很小，是否有办法不显示选择中的所有文本，而是显示以 ... 结尾的前几个字符

Answer 1

尝试在带有文本的元素中使用类似这样的东西

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