还要定义标准属性“grid-row”以实现兼容性

Question

我在 VS Code 上收到以下警告

“还要定义标准属性'grid-row'以实现兼容性”

对于此代码：

header {
  -ms-grid-row: 1;       /* warning here */
  -ms-grid-column: 1;    /* warning here */
  -ms-grid-column-span: 2;
  grid-area: header;
}

我该如何解决？

Answer 1

如果需要，您可以通过将此设置设置为 ignore 来摆脱这种情况：

CSS > Lint：供应商前缀

  When using a vendor-specific prefix, also include the standard property.

您收到警告是因为您使用了这些键中的一个或多个

-ms-grid-row
-ms-grid-column

在您的元素中同时使用标准的非前缀版本：

grid-row
grid-column

因此，在您拥有-ms-grid-row 的每个元素中，还包括在同一选择器中的grid-row 以及与-ms-grid-column 相同的在同一选择器中的grid-column 之后。警告将消失。无论如何，这是一个很好的做法。例如：

header {
  -ms-grid-row: 1;   /* warning has gone away */
  grid-row: 1;

  -ms-grid-column: 1;
  -ms-grid-column-span: 2;

  grid-column: 2;
  grid-area: header;
}

或者将CSS > Lint: Vendor Prefix 设置为ignore，您将看不到警告——但我不建议这样做。您应该包含这些键的标准非前缀版本。