CSS 自定义设置

Question

当我将 .scss 编译为 .css 时，sass 会自动生成：

Main.scss
.input-section ...{
  display: flex;
  gap: 1rem;
}

To Main.scss
.input-section ...{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

起初这对浏览器来说可能听起来不错，但它只会导致错误。 截图中的错误：

Error processing the value for 'CLASS_NAME'.  Declaration ignored.

有没有办法停止为每个元素/类自动生成浏览器帮助？ 这是第二个屏幕截图，它是如何在我的 VsCode 中编译的

Answer 1

浏览器会为他们不理解的声明输出警告消息是相当正常的，但预期的行为是他们忽略该行并继续，从而找到他们理解的行。

我认为您不应该避免这种情况，这很正常。

例如，当浏览器不理解-webkit-box 时，它会跳过该行并找到-ms-flexbox，然后使用该值。您会收到关于第一行的警告，但您会得到正确的行为。

您可以通过删除 -webkit-box 来消除警告，但随后您会在 WebKit 中出现意外行为，即使您修复了其他浏览器。