Question

我创建了一个较少的文件，它在chrome和firefox中运行良好，但在IE 9中甚至没有识别。任何人都可以建议在IE 9.0中运行它需要什么。下面是css样本..

@import "../core/variables.less"; @import "Mixins.less";

.classname {

    @fontweight:bold;
    @width:99.9%;
    @height:67px;
    @color:#D3E2F2;
    @icon-width:10px;
    @icon-height:10px;

    .div-carddropdownbox{
             width:90%;
        }
    .span(@fontweight)
    {
        font-weight:@fontweight;
    }
     .span-underline(){
            .span(bold);
            text-decoration:underline;
        }
     .span-bold{
           .span(bold);
            text-decoration:none;
            font-size: 15px;
        }

    .div(@width,@height)
    {
        float:left;
        width:@width;
        height:@height;  
        padding-top: 10px;  
        padding-bottom: 10px;  
    }
    .div-tracethistransaction
    {
        .div(100%,100%);
        border:1px solid black; 
    }
    .div-servicerequestcharge{
           .div(99.9%,67px);    
            background-color:@color;
            border:1px solid black;
    }
    .div-account
    {
            .div(99.9%,35px);    
            background-color:@color;

    }
    .div-white-blank
    {
         .div(99.9%,2px);
    }
    .div-button
    {
        padding-top:110px;
    }
    .div-carddelivered
    {
        .div(100%,45px); 

    }

    .icon(@icon-width,@icon-height)
    {
            width:@icon-width;
            height:@icon-height;
    }
    .div-icon
    {
        .icon(20px,20px);
        padding-left: 580px;
    }

    .round-button-cancel {
        .rounded-button (7px, #ECECEC, #A9A9A9,none, bold, #52504C,
90px, 35px);
    }

    .round-button-submit {
        .rounded-button (7px, #FAF5E9, #EFAE2C,none, bold, #8B4513,
Auto, 35px);
    }

}

Answer 1

检查LESS site，它说它不支持IE。没有它的版本。

Answer 2

确保包含less.js脚本。需要解析更少的文件。 http://lesscss.org/

如果这是一个.NET项目，并且您不想使用less.js（可以在客户端为较大的.less文件添加开销），则可以将DotLess库添加到项目中。 http://www.dotlesscss.org/

Answer 3

我遇到了同样的问题。我只需将其编译成.css文件并引用它进行实时测试，包括IE。

IE无法识别.less文件

3 个答案: