在将设计图转为html文件并且各个浏览器的兼容测试过之后,在交由程序开发人员,程序开发之后样式发生混乱,那么这个问题的可能性有如下几点:

1、样式引入错误。

2、js引入错误。

3、程序使用记事本打开utf8文件进行编辑。

前面两点都好解决,无非就是检查一下有没有漏的东西。

那么第三点应该怎么查看呢?

上述的第三点在现代浏览器中引发的问题忽略不计,主要是在IE中表现的比较突出。比如我们设置的居中,在ie下面未居中,通过查看源代码我们可能发现如下图所示的样子。


如何清除文件中的Bom_BOM


这可能就是问题所在了。

那么什么是bom?


在utf-8编码文件中BOM在文件头部,占用三个字节,用来标示该文件属于utf-8编码,现在已经有很多软件识别bom头,但是还有些不能识别bom头,比如PHP,asp就不能识别bom头,这也是用记事本编辑utf-8编码后执行就会出错的原因了。

那么如何清除Bom?

如果您现在使用的是ultraEdit编辑器的话,那么处理这个问题就so easy。打开文件,按F12或者是通过文件菜单,选择另存为,然后在选择格式的地方选择,utf8无BOM。

这样bom就清除好了。再也不用担心文档声明错误,导致的IE下的样式问题了。