审查元素时发现多了些双引号的解决方法

最近在改一套模板，打算用于自己网站的。模板是从网上下载的，编码是GBK。因为自己一直以来用是UTF-8编码，我也不记得当初是在哪个系统（win7 或者 win10）上依次用记事本打开各自后另存为时改的utf-8编码的。直接套上就开始测试模板了。模板套上后就是感觉打了，所以修改了CSS样式。后面各种问题就来了 。。有一个就是多出双引号的问题，而且在不同浏览器打开表现出的格式还不同，这让我有段时间以为是兼容性没做好。

工具/原料

EditPlus

方法/步骤

下面是IE浏览器下的截图：（它解析成了问号，但不占文本流中。）

下面是360浏览器下的截图：（它解析成了双引号，占据文本流。）

那些出现的双引号在源代码中根本找不着。试着调css都没能很好的解决这个问题。所以让我又回到了编码的角度考虑问题。

果不其然，原来我用电脑的记事本转换的UTF-8格式是UTF-8+BOM。这才记起来好像是这么回事，我接下来就用了这款EditPlus改了我需要的UTF-8编码。

改完这个就可以了，网站的样式果然就不抽风了。这个软件还可以批量改编码，这个大家可以自己去试着做。

这个从UTF-8+BOM改为UTF-8编码后解决问题后的截图，双引号已经没有了。

注意事项

推荐使用开发工具开发，这样可以避免一些莫名的问题出现