月度归档:2016年06月

一个很诡异的样式问题

有一次做完界面后,在本地调试显示是OK的;但是版本出来后,发现很多样式没有生效。定位发现css文件也引了,css文件里面的样式也在,但是样式就是没有生效。

将本地的样式文件拷到服务器上就OK了;本地的文件是没有压缩的,服务器上的是出版本的时候通过工具压缩的。当时就怀疑是哪个地方有语法错误引起的。

通过一部分一部分地删除代码,最终定位到了具体行,大概如下:

.site-title {margin: 0;”}

原因是多了一个双引号,而浏览器解析css文件时,如果遇到了语法错误,就会不会再解析后面的样式了;压缩之前由于样式是多行展示的,可能浏览器认为多一个双引号也可以:

.site-title {
margin: 0;”
}