主要观点:解释了 CSS 中的 -moz- 和 -webkit- 等标记即供应商前缀的含义、作用、使用方法、哪些属性需要前缀以及避免手动写前缀的服务。
关键信息:
- 供应商前缀是浏览器支持新 CSS 功能的方式,在所有浏览器全面支持之前使用。
- 主要浏览器的前缀:-webkit-(Chrome、Safari、新 Opera 版本、几乎所有 iOS 浏览器)、-moz-(Firefox)、-o-(旧 Opera 版本)、-ms-(Microsoft Edge 和 Internet Explorer)。
- 使用供应商前缀时要注意它们只是暂时的,很多已无需前缀。
- 可通过 CanIUse 服务查看属性是否无需前缀。
- 使用方法是在属性前添加前缀,未前缀属性放底部利用 CSS 级联。
- 可使用 http://shouldiprefix.com/、[https://www.w3.org/TR/css-201...] 等网站确定需前缀的属性。
- 有 [https://github.com/postcss/au...]、[https://www.npmjs.com/package...]、[https://github.com/sindresorh...] 等自动添加前缀的服务。
重要细节:详细介绍了各种浏览器前缀的应用场景,以及如何正确使用和避免手动写前缀的方式等。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。