使用不受支持的WebKit屬性有什麼含義？

我有興趣在混合iOS應用中使用-webkit-line-clamp。我已閱讀不支持的屬性上的apple documentation。使用不受支持的WebKit屬性有什麼含義？

使用不受支持的屬性是明智的還是我冒着在移動Safari瀏覽器和其他瀏覽器實現中的webkit未來實現中刪除該功能的風險？

如何檢查WebKit屬性的狀態？

來源

2013-04-09 Eric H

有沒有更好的資源來獲取有關該屬性的信息？提供的鏈接根本沒有提到該屬性。 – cimmanon 2013-04-10 00:04:55

@cimmanon，鏈接的頁面*提及*屬性;它根本沒有被描述，只是被描述爲「不被支持」。 – 2013-04-10 04:26:18

webkit-line-clamp的描述與現在使用任何不受支持的屬性的未來缺點不相關。 – 2013-04-29 05:03:54

只要瀏覽器仍支持-webkit-line-clamp（ala border-radius）的設計，就沒有任何意義可言。

瀏覽器是否改變了它們的實現方式，或是放棄了過去對實驗性屬性的支持？當然。

Safari的原實施梯度比現行標準完全不同
WebKit瀏覽器依然支持前綴column-break-before屬性，它被重命名爲break-before在當前標準
WebKit瀏覽器仍然從2009年的支持特性Flexbox草稿，儘管在2012年年底完全徹底檢修

謝天謝地，您可以使用支持舊版和新版瀏覽器的方式編寫CSS實現：

.foo { 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ 
}

在未來，我們將有機會獲得功能查詢來檢測瀏覽器是否支持特定屬性（歌劇現在支持它，Firefox將有它很快：http://caniuse.com/#feat=css-featurequeries）

@supports not (-webkit-line-clamp: somevalue) { 
    // some styles for unsupported browsers 
}

來源

2013-04-10 00:41:38 cimmanon

克里斯Coyer寫了一篇關於這個主題的文章：http://css-tricks.com/line-clampin/而FTLabs爲此創建了一個JS-插件：FTEllipsis他們使用它的新金融時報的iPad的webapp - 看看http://coding.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app/

來源

2013-06-03 10:09:56 RWAM

非常有用的評論，它回答我的問題如何通過創建一個JavaScript解決方案，未來證明的CSS鉗夾。良好的聯繫！ – 2013-06-04 23:17:31

使用不受支持的WebKit屬性有什麼含義？

回答

相關問題