css.map这个文件有何用处

html-css05

css.map这个文件有何用处,第1张

Hack 是指一种兼容CSS 在不同浏览器中正确显示的技巧方法!下面由小编Q群162542073带领大家来了解一下具体的分析:

在CSS 中,Hack 是指一种兼容CSS 在不同浏览器中正确显示的技巧方法。说的更直白一些就是,你平时做个页面,布局正确,CSS 正确,可就是在不同的浏览器中显示的效果不一样,要么错位,要么多几个像素,怎么都找不到原因,这时候我们就会用一些技巧方法来让不同的浏览器显示一样的效果,这种方法我们就称之为 CSS Hack,记住喽,CSS Hack是解决页面浏览器不兼容的技巧方法,是一种方法哟,不要理解偏差。

不过这里需要说明一点,CSS Hack 都属于个人对 CSS代码的非官方修改,所以编写的CSS代码不会通过官方W3C的认证,这个要知道!以后经常会遇到这种情况,CSS写的正确,通过W3C 验证,但是不同浏览器显示效果不一样,用了CSS Hack,显示的效果一样了,却又通不过W3C 验证了,很是郁闷,不过不要钻牛角尖就是了,W3C 验证只不过是帮你检查一下CSS 代码写的有没有语法错误而已,通过验证只不过是说明你到目前写的CSS 代码没有语法错误而已,不要太计较是否通过验证,也不要多想,如果通不过W3C验证,其他人会不会笑话我,这些想法都是没有必要的,这说明我们的技能更强,因为我们用到了CSS Hack,再说了你的页面是给网民看的,网民看的是界面好看不好看,内容好不好,有没有找到他要找的东西,他不理会你的页面有没有通过W3C 验证。

SCSS是CSS的预处理器,它支持将CSS当做一种编程语言来编写,虽然这种解释不是很标准,但是我们可以这样理解,而CSS.map就相当于一种文件地图,一般网站都是使用压缩版的CSS,css.map就相当于是原文件跟压缩文件的一种对照关系

这个是source map文件。

因为bootstrap是用less写的,less会编译成css显示在页面上。

但有个麻烦,浏览器里看的都是css第几排,而你编辑的又是less文件,很难对上。

这个时候有了source map,浏览器里直接显示less,非常方便。