【问题标题】: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
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-19
    • 2013-06-17
    • 2011-11-25
    • 1970-01-01
    • 1970-01-01
    • 2017-05-02
    相关资源
    最近更新 更多