css - LESS 和 IE 支持(10 个以下)

Question

我是第一次来这里，如果有什么错误，我很抱歉。

IE 正在读取 LESS 文件时遇到问题。它抛出以下错误:

'SyntaxError: Object doesn't support this property or method in test.less'

在页面顶部带有这些文字的特殊 div 非常好。不在调试，什么都没有，很干净。所有其他浏览器对此没有问题。

我尝试了一整天，但一无所获。现在，即使我只尝试使用这个 LESS 文件:这是 test.less 文件。

body { margin: 0 auto; background-color:red; }

所以没什么特别的，对吧。但还是一无所获。所以我想有一个我不知道的问题。但是什么？

这是我的头部截图:

<link rel="stylesheet/less" type="text/css" href="src/showcase/Presentation/Css/test.less" />    
    <script src="src/showcase/Presentation/Script/less.js"></script>
    <script src="src/showcase/Presentation/Script/main.js"></script>

顺便说一句，它在 IE 10 中有效。

非常感谢有用的提示。

Answer 1

根据该网站，LESS 不正式支持任何版本的 Internet Explorer。

• “LESS 在客户端运行(仅限现代浏览器)。” [the LESS website]
• “IE9 没有得到官方支持——它可能工作也可能不工作。” [LESS author]

我建议将您的 .less 文件编译成 CSS 并在所有浏览器中引用这些文件。您可以使用 a tool such as SimpLESS监控您的 .less 文件并在检测到更改时自动编译它们。