使用不受支持的WebKit属性有什么影响?

时间:2013-04-09 23:05:55

标签: ios css webkit

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

我已阅读不受支持的媒体资源上的apple documentation

使用不受支持的属性是否明智,或者我是否有可能在移动Safari和其他浏览器实现中的webkit的未来实现中删除该功能?

如何查看WebKit属性的状态?

2 个答案:

答案 0 :(得分:4)

只要缺少对-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+ */
}

将来,我们可以访问功能查询,以检测浏览器是否支持特定属性(Opera现在支持它,Firefox将很快拥有 >:http://caniuse.com/#feat=css-featurequeries

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

答案 1 :(得分:2)

Chris Coyer写了一篇关于这个主题的文章:http://css-tricks.com/line-clampin/并且FTLabs为此创建了一个JS-Plugin:FTEllipsis他们将它用于新的金融时报iPad webapp - 看看{{3 }}