visual-studio-code - 还定义标准属性 '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

如果您愿意，您可以通过将此设置设置为忽略来摆脱它:

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