csslint 警告 - IE6 和 IE7 不支持 box-sizing 属性答案

【问题标题】：csslint Warning - The box-sizing property isn't supported in IE6 and IE7csslint 警告 - IE6 和 IE7 不支持 box-sizing 属性
【发布时间】：2014-05-07 15:34:36
【问题描述】：

我是第一次使用 CSSLint，现在尝试一下。当我编写以下 CSS 时

.div {
    box-sizing: border-box;
    border: 1px solid red;
    padding: 5px;
    width: 100px;
}

然后当我运行Warning - The box-sizing property isn't supported in IE6 and IE7.

我还在我的.csslintrc 文件中将"box-sizing": false 更改为"box-sizing": true。

但我仍然收到此警告。我该如何解决这个问题？

【问题讨论】：

警告的意思就是它所说的。如果您希望它与 IE6/7 兼容，则根本不能使用 box-sizing。
我知道它是什么，但我怎样才能删除这个警告？
使用--ignore，也许？
我期待在配置文件的某处进行更改作为回复。
在这里得到了更好的解释 stackoverflow.com/a/10978314/3222041 看看这是否有帮助

标签： html css csslint

【解决方案1】：

我相信正确的标志是--ignore=box-sizing，所以

csslint --ignore=box-sizing css/

不确定如何在 .csslintrc 中进行设置，但如果您使用的是 SublimeLinter-csshint 包，则可以在 SublimeLinter 包设置中设置标志。

您也可以像这样从 csslint v0.9.10 开始将选项添加到 CSS 文件本身（不要添加任何空格）：

/*csslint box-sizing: false*/

【讨论】：

【解决方案2】：

你可以像这样从命令行关闭盒子模型警告：

csslint --ignore=box-model test.css

或在 .csslintrc 文件中添加以下内容：

--ignore=box-model

Documentation

【讨论】：

应该是box-sizing 而不是box-model