我正在使用 dotless 开发 ASP.NET MVC 应用程序和 bundling .
当我的 CSS 被优化时,我得到一个 link
,例如:
<link href="/bundles/global.css?v=xxxxx" rel="stylesheet"/>
但是,当禁用优化时,我得到:
<link href="/css/header.less" rel="stylesheet"/>
<link href="/css/content.less" rel="stylesheet"/>
<link href="/css/footer.less" rel="stylesheet"/>
在 Chrome 中,这些 less
文件可以正常读取。
但是,直接使用 .less
文件作为样式表是常见的做法吗?
我担心某些浏览器可能无法识别样式表,因为它们不以 .css
结尾,因此会忽略它们。
更新:为澄清起见,.less
文件是预编译的服务器端文件,因此是有效的 CSS 文件。没有客户端处理正在进行。
最佳答案
我非常确定,只要用户启用了 Javascript,那么唯一可以将 .less
文件处理并解释为 CSS 的就是 less.js
图书馆。你也可以查看他们的 Browser Support .
我也不建议在生产中使用 LESS,因为它的全部目的是帮助您在开发中比正常情况更快地创建动态样式表。如果您将其保留在生产环境中,那么每次浏览器加载页面时,它都必须下载较少的文件并呈现它们,这比简单地将您的文件编译成一个 .css
文件更耗时。
编辑:
您可以确保浏览器不会拒绝您的文件并将您的 less 文件视为 css 文件,方法是将服务器上的 MIME 类型设置为 text/css
用于带有 的文件.less
扩展名。
例如,如果您使用的是 Apache,则可以使用以下 .htaccess 文件来执行此操作。
AddType text/css .less
关于css - 我可以在链接元素 href 跨浏览器中使用 .less 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25618672/