0

我想知道是否有人想出了如何在 IE 中包含一组与其他浏览器不同的 SASS 变量的想法。

本质上,我在 SASS 表中有一个可变颜色列表,我想根据用户是否使用 IE 来更改它。我的客户注意到我们的颜色在某些显示器上看起来不错,但在某些显示器(通常是 IE 用户)上看起来已经褪色了。所以我想为 IE 用户指定一组比其他人稍暗的变量。

基本上我想要这个:

$black: #111;
$white: #efefef;

在 IE 中看起来像这样:

$black: #000;
$white: #fff;

我意识到这可能是一个简单的问题,但对于我的生活,我似乎无法找到答案。对此的任何想法或帮助都会很棒。

4

1 回答 1

1

我不知道是否有办法在 SASS 中内置此功能。这是因为 SASS 在与用户进行任何交互之前编译。但是,我会做的是创建一个 ie.scss 文件。

第一步是将所有变量定义放入 _variables.scss 文件中。之后,您可以制作一个:_ie_variables.scss 文件。

最后,您的 ie.scss 文件将与您的 style.scss 文件相同,除了在导入您的 _variables.scss 之后,您还要导入您的 _ie_variables.scss。

然后你会像这样包含它:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
于 2013-05-15T20:42:32.357 回答