使用不受支持的 WebKit 属性会产生什么影响？

我有兴趣使用-webkit-line-clamp在混合 iOS 应用程序中。

我已阅读苹果文档 https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-UnsupportedProperties在不受支持的属性上。

使用不受支持的属性是否明智，或者我是否冒着在移动 safari 和其他浏览器实现中的 webkit 的未来实现中删除该功能的风险？

如何检查 WebKit 属性的状态？

只要不支持的浏览器仍然可以访问该设计-webkit-line-clamp (ala border-radius），没有任何影响可言。

浏览器过去是否改变了其实现或放弃了对实验属性的支持？当然。

• Safari 最初的渐变实现与当前标准有很大不同
• WebKit 浏览器仍然支持前缀column-break-before属性，已更名为break-before在现行标准中
• 尽管在 2012 年底进行了彻底修改，WebKit 浏览器仍然支持 2009 Flexbox 草案中的属性

值得庆幸的是，您可以以适用于支持新旧实现的浏览器的方式编写 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+ */
}

未来，我们将可以访问特征查询检测浏览器是否支持特定属性（Opera 现在支持，Firefox 也会支持）soon: http://caniuse.com/#feat=css-feature 查询 http://caniuse.com/#feat=css-featurequeries)

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