Autoprefixer CSS Online

简介

Autoprefixer CSS Online 是一个强大的在线工具，集成于 PostCSS 插件中，设计用于分析您的 CSS 代码并自动添加供应商前缀。该工具通过解析您的 CSS，使用关于浏览器流行度和支持供应商前缀的数据，智能地排列和删除不必要的前缀，以帮助开发者实现更好的浏览器兼容和优化。

功能特点

• 自动添加前缀: 无需手动添加，Autoprefixer 根据最新的浏览器支持信息自动为动画、过渡、变换、网格、弹性盒子等 CSS 属性添加供应商前缀。
• 浏览器流行度数据使用: 通过使用关于浏览器和供应商前缀支持的流行度数据，工具可提供准确的前缀应用。
• 配置选项: 提供灵活的配置选项，如包含配置结果的注释以及选择不同的结果集。
• 多语言支持: 提供多国语言界面，包括俄语、法语、葡萄牙语和中文等。

如何工作

Autoprefixer 通过分析 CSS 中的规则，结合浏览器流行数据和各大浏览器对于供应商前缀的支持情况，自动调整 CSS 代码中的前缀。这样，开发者可以更加专注于编码，而无需担心不同设备和浏览器的兼容问题。该工具非常适合需要支持多种浏览器环境的前端开发者使用。

支持的 CSS 功能

• 动画 (animations)
• 过渡 (transition)
• 变换 (transform)
• 网格 (grid)
• 弹性盒子 (flex, flexbox)

感谢

特别感谢 Andrey Sitnik 为 PostCSS 和 Autoprefixer 所做的贡献，以及来自社区的大力支持。

使用建议

开发者可以通过访问 browserslist 页面来查看支持的数据，并利用该工具确保网页在各大浏览器中的一致表现。