Также определите стандартное свойство 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: 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 после него в тот же селектор. И предупреждения исчезнут go. В любом случае это хорошая практика. Например:

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, и вы не увидите предупреждений, но я не рекомендую это делать. Вы должны включить стандартные версии этих ключей без префикса.