简介
icc 是一个 npm 包，用于针对不同浏览器增加对应的 CSS 样式。由于不同的浏览器对于 CSS 的支持程度不同，因此使用 icc 可以让我们更轻松地开发跨浏览器的网站。
icc 的使用非常简单，只需要一条命令即可在你的项目中引用。
安装
在使用 icc 之前，需要先安装 npm 包，安装的命令如下：
npm install --save icc
安装完成后，在项目的文件夹下会生成一个名为 node_modules 的文件夹，其中包含 icc 包和其他的 npm 包。
使用
在安装 icc 包之后，可以在你的 CSS 样式文件中使用 @icc 规则来根据不同的浏览器设置不同的样式。
示例代码如下：
-- -------------------- ---- -------
---- -
----------------- -----
------- --
-------- --
-
---- ------- -
---- -
----------------- -----
-
-
---- ------ -
---- -
----------------- -----
-
-
---- ------ -
---- -
----------------- -----
-
-在上面的代码中，我们通过 @icc 规则为不同的浏览器设置了不同的背景颜色。当浏览器是 Firefox 时，background-color 的值为 #ffa；当浏览器是 Chrome 时，background-color 的值为 #aaf；当浏览器是 Safari 时，background-color 的值为 #faf。如果浏览器不是 Firefox、Chrome 或 Safari，那么就会使用默认的背景颜色 #eee。
除了 @icc 规则外，icc 还支持其他的规则，如 @xdpi、@dppx、@viewport、@resolution 等。具体的规则和使用方式可以参考 icc 的官方文档。
总结
使用 icc 可以让我们更方便地开发跨浏览器的网站。通过简单的配置，我们就可以根据不同的浏览器为网站设置不同的样式。当然，icc 还有很多其他的用法，有兴趣的读者可以通过官方文档了解更多。
本文对 ICC 的使用进行了简单的介绍，希望读者可以从中获得一些帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57760