Web前端

CSS 浏览器私有前缀（-webkit-、-moz-、-ms-）全景科普与现状

1 min read

在 CSS 代码中常见的 -webkit-、-moz-、-ms-、-o- 被称为浏览器厂商私有前缀（Vendor Prefixes）。本文总结各自代表的浏览器引擎及现代自动化处理建议。

一、 前缀与内核对应表

  • -webkit-：基于 WebKit / Blink 内核（Chrome、Safari、Edge、绝大多数移动端浏览器）；
  • -moz-：基于 Gecko 内核（Mozilla Firefox）；
  • -ms-：基于 Trident 内核（Internet Explorer）；
  • -o-：早期 Presto 内核（老版 Opera）。

二、 现代开发建议

在当今现代工程化中，开发者无需再手动手写前缀，配合构建工具中的 Autoprefixer 或 PostCSS 即可根据目标浏览器清单自动补全。

#Web前端