iOS Safari 和 webapp CSS 行为的区别

【问题标题】：Difference iOS Safari and webapp CSS behaviouriOS Safari 和 webapp CSS 行为的区别
【发布时间】：2016-01-22 06:37:17
【问题描述】：

我在网页中使用text-overflow: ellipsis。
它在 iPad 上的 Safari 中按预期运行，但在同一设备上查看的 web 应用程序（主屏幕上的链接）中却没有。
这是 iOS webapp 实现的缺点还是我忽略了什么？

解答：发生的情况是 iPad webapp 缓存对清除 Safari 缓存没有反应。所以当我编辑网页时，我看不到 webapp 的变化。
你需要add a manifest。

【问题讨论】：

标签： ios css web-applications safari

【解决方案1】：

文本溢出得到了很好的支持，所以我猜这里出了点问题。

您是否也在元素上设置了white-space: nowrap; 和overflow: hidden;？他们都需要让省略号发生，以及容器实际上足够小以触发溢出。

【讨论】：

我检查了一些，似乎是缓存的问题。当我在网站中更改某些内容时，清除 iPad Safari 缓存并再次启动 Safari，我看到了更改。然后我把链接放在主屏幕上，关闭 Safari 并启动 webapp，我看不到变化！现在我知道从哪里开始搜索。感谢您的意见。