Question

我正在尝试使用less来设计简单的标题，但出于某种原因，我无法做任何事情。谁能弄明白我做错了什么？

更新：我正在运行WampServer，从技术上讲，我使用的文件是 index.php 而不是 index.html ，但它基本上是HTML（我只是使用php来处理页面请求）

HTML主管：

<head>
        <link rel="icon" type="favicon" href="/icon.ico"/>
        <title>Computer Immersion Inventory</title>
        <link rel="stylesheet/less" type="text/css" href="/css/header.less"/>
        <link rel="stylesheet/less" type="text/css" href="/css/footer.less"/>
        <link rel="stylesheet/less" type="text/css" href="/css/login.less"/>
        <script type="text/javascript" src="/scripts/login.js"></script>
        <script type="text/javascript" src="/scripts/less/dist/less.js"></script>
</head>

LESS代码：

header {
   max-width:100%;
   height:50%;
   background: lighten(green, 45%);
   * {
        display: inline-block;
     }
}

.logo-box {
   width:30%;
   img {
      max-width:100%;
   }
}

Answer 1

不确定您的编译是如何工作的，但是您是否应该编译为CSS文件并将其包含在标头中。

浏览器不会为您呈现.less文件...您需要先编译/处理和转换。

let picker = UIImagePickerController()

let camera = UIBarButtonItem(barButtonSystemItem: .Camera, target: self, action: Selector("btnOpenCamera"))
picker.navigationItem.leftBarButtonItem = camera

picker.allowsEditing = true
picker.sourceType = .PhotoLibrary
picker.delegate = self

presentViewController(picker, animated: true, completion: nil)

应该是

/css/header.less

为什么我的LESS不做任何事情？

1 个答案: