css - 如何测试自动前缀器是否正常工作？

Question

我目前正在尝试设置 autoprefixer npm package .我想插入一些 css 以查看它是否根据需要添加供应商前缀。但是，我不确定我要添加什么 css 会触发自动供应商特定的插入。

我如何确定可以使用什么 css 来确认包是否正常工作？

例如，如果我使用 OSX Chrome v49.x，我会使用什么？

Answer 1

来自docs : 在您的元素目录中运行 npx autoprefixer --info 以检查选择了哪些浏览器以及哪些属性将被添加前缀:

$ npx autoprefixer --info
Browsers:
  Edge: 16

These browsers account for 0.26% of all users globally

At-Rules:
  @viewport: ms

Selectors:
  ::placeholder: ms

Properties:
  appearance: webkit
  flow-from: ms
  flow-into: ms
  hyphens: ms
  overscroll-behavior: ms
  region-fragment: ms
  scroll-snap-coordinate: ms
  scroll-snap-destination: ms
  scroll-snap-points-x: ms
  scroll-snap-points-y: ms
  scroll-snap-type: ms
  text-size-adjust: ms
  text-spacing: ms
  user-select: ms