我的项目中有一个简单的style.less文件,我正在使用
bootstrap来实现干净,响应迅速的设计.所以我们走了:
@import "bootstrap/bootstrap.less"; @import "../css/jquery.vegas.css"; @import "../css/jquery.fancybox-1.3.4.css"; body { padding-top: 60px; padding-bottom: 40px; } @import "bootstrap/responsive.less";
现在,当我用less编译文件时,css-output看起来很奇怪:
.container { width: 940px; margin-left: auto; margin-right: auto; *zoom: 1; *zoom: 1; width: 940px; margin-left: auto; margin-right: auto; *zoom: 1; *zoom: 1; }
他只是加倍一切!当我在我的devolper实例上工作时,我甚至可以直接在浏览器中看到这种奇怪的行为.