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

Question

我在 VS Code 上收到以下警告

"Also define the standard property 'grid-row' for compatibility"

对于此代码：

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: Vendor Prefix

  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，您将不会看到警告 - 但我不建议这样做。您应该包括这些键的标准无前缀版本。