浏览器急速模式跟兼容模式导致网站显示不同的问题

我们知道有些浏览器在浏览网站的时候可以选择急速模式跟兼容模式，不同的模式可能导致页面不一样，原因是在兼容模式的时候浏览器会根据ie版本指定显示，但是我们知道在ie的开发者工具中浏览器模式跟文档模式不一样也对导致页面显示不一样，比如浏览器模式选择了ie8，但是文档模式可能还是默认ie7，网页显示的文档就会基于ie7显示，如果兼容性不好的网站就会出现布局混乱的问题。

处理方法：

服务器端兼容模式设置： 
即当客户端以兼容性模式视图查看网页时，可以在服务器上设置以什么标准的兼容性模式来渲染网页（IE8，IE9下默认启用的是IE7标准的兼容性模式） 
当客户端以标准模式（非兼容性模式）来查看网页时，服务器端的兼容性模式不会影响标准模式的渲染。 

若你已于网站服务器指定了一个预设的文件兼容性模式，你可以在个别页面上指定不同的文件兼容性模式来盖过它。在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。 
X-UA-Compatible是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。 

例子：

1. <meta http-equiv="X-UA-Compatible" content="IE=7" />  
2. 以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。  
3. <meta http-equiv="X-UA-Compatible" content="IE=8" />  
4. 以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。  
5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />  
6. 以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。  
7. <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />  
8. <meta http-equiv="X-UA-Compatible" content="IE=7,9" />  

还有种处理方法（个人不推荐此种方法）：在head标签中添加

<meta name="renderer" content="webkit|ie-comp|ie-stand">

的方式来控制页面显示模式。content的取值为webkit，ie-comp，ie-stand之一，区分大小写，分别代表用极速模式，兼容模式，IE模式打开。