2015-10-22 120 views
1

我在網頁中使用text-overflow: ellipsis
它在iPad上的Safari中的功能與預期相同,但在同一設備上查看的webapp(主屏幕上的鏈接)不起作用。
這是iOS webapp實現的缺點,還是我忽略了一些東西?

回答:iPad webapp緩存對清除Safari緩存沒有反應。所以當我編輯網頁時,我沒有看到web應用程序的變化。
您需要add a manifest區別iOS Safari和webapp CSS行爲

回答

0

Text-overflow得到很好的支持,所以我猜這裏有什麼問題。

您是否還在元素上設置了white-space: nowrap;overflow: hidden;?他們都需要得到省略號的發生,以及容器實際上足夠小以引發溢出。

+0

我檢查了一些,看起來這是一個緩存問題。當我在網站中更改某些內容時,清除iPad Safari緩存並再次啓動Safari,我看到了更改。然後我把鏈接放在主屏幕上,關閉Safari並啓動webapp,我沒有看到改變!現在我知道從哪裏開始搜索。感謝您的輸入。 – Dick