使用不受支持的WebKit属性的含义是什么？

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

我已阅读不受支持的属性上的苹果文档 。

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

如何检查WebKit属性的状态？

Answer 1

只要不支持-webkit-line-clamp （ala border-radius ）的浏览器仍然可以访问这个devise，就没有什么可说的了。

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

• Safari的渐变原始实现与当前的标准完全不同
• WebKit浏览器仍然支持前缀column-break-before属性，该属性在当前标准中被重命名为break-before
• WebKit浏览器仍然支持2009年的Flexbox草案，尽pipe在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+ */ } 

将来，我们将可以使用function查询来检测浏览器是否支持特定的属性（Opera现在支持，Firefox 即将推出 ： http : //caniuse.com/#feat=css-featurequeries ）

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

Answer 2

Chris Coyer写了一篇关于这个话题的文章： http ：//css-tricks.com/line-clampin/而FTLabs为此创build了一个JS-Plugin： FTEllipsis他们将它用于新的Financial Times iPad webapp-看看http ：//coding.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app/