我有兴趣在混合 iOS 应用中使用 -webkit-line-clamp
。
我已阅读apple documentation在不受支持的属性(property)上。
使用不受支持的属性是否明智,或者我是否冒着在移动 safari 和其他浏览器实现中的 webkit future 实现中删除该功能的风险?
如何检查 WebKit 属性的状态?
最佳答案
只要不支持 -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
}
关于ios - 使用不受支持的 WebKit 属性有什么影响?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15914115/