SCSS 改变显示：flex；显示：网格；

【问题标题】：SCSS changes display: flex; to display: grid;SCSS 改变显示：flex；显示：网格；
【发布时间】：2020-05-15 04:26:39
【问题描述】：

我正在为一家公司制作内部网站。

我们必须使用 Internet Explorer。

我正在使用 SCSS 来完成这项工作。

这在大多数情况下都很好用，除非我想使用 flexbox

SCSS 变化

.container{
    display: flex;
}

到

.container{
    display: grid;
}

我怎样才能让它停止呢？

【问题讨论】：

你的意思是渲染后SCSS样式会改变吗？尝试清除浏览器缓存和cookie，并检查是否有效。另外，如果还是不行，可以尝试直接使用CSS格式添加样式，而不是使用SCSS格式。

【解决方案1】：

您使用的是哪个版本的 Internet Explorer？

Internet Explorer 6-9 根本不支持 flexbox。

Internet Explorer 10 支持 flexbox 的 2012 语法。因此，要让它在 IE11 和其他浏览器上跨浏览器工作，您可以执行以下操作：

.container {
  display: flex;
  display: flexbox;
}

不支持 2012 语法的浏览器应该忽略 'flexbox' 值，但是如果 IE10 遇到它，它应该使用它。

Internet Explorer 11 支持当前使用 flexbox 的方式。因此，如果您使用的是 IE11 并遇到此问题，我会仔细检查您的 CSS 是否被意外覆盖。

编辑

刚刚看到您已将此标记为 IE11 - 我会仔细检查您的值是否在某处被覆盖。众所周知，Flex 在 IE11 中存在问题，但我无法想象它会选择切换到网格，除非它从 CSS 文件中获取该值。

【讨论】：