为什么用less css来写样式，只在火狐里有效，IE 和 chrome都无法识别，我是在客户端使用的哈！

html-css014

为什么用less css来写样式，只在火狐里有效，IE 和 chrome都无法识别，我是在客户端使用的哈！,第1张

您好！很高兴为您答疑！

请提供完整代码，目前看，linkhref，link hrefscripttype中缺少空格，你加上空格试试。

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

1.在chrome中开启dev工具，开启容许CSS source maps设置

2.webstorm中只要创建了less扩展名的文件，就会有提示只要你同意就会创建一个firewatchers任务，但是这个默认的任务只能编译出css。我们需要对这个任务进行一些小小的修改，以便能达到产出sourcemap。

原版配置

改造后的配置

3.对Arguments 和Output paths to refresh这两项进行了修改

Arguments

1

--no-color --source-map=$FileNameWithoutExtension$.css.map $FileName$

Output paths to refresh

1

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

这样就能够既产出.css文件又能产出.map文件了

产出的对应的map文件为

1

{"version":3,"sources":["app.less"],"names":[],"mappings":"AAAGEACF,YAAAAAEEEACA,aAAAAAEEEACJ,UAAAEACA,eAAAEACA,iBAAA"}

是不是很棒呢，经过简单设置就可以快乐开发了！

4.修改命令的依据是

1

lessc app.less app.css --source-map=app.css.map

1、检查css样式表是否保存2、检查css样式表路径是否正确3、如果是本地电脑调试，检查一下CSS路径中是否有中文或者特殊符号。4、如果以上文件和路径都确认没问题，需要检查css代码，比如css中的背景图片路径是否设置正确。