HTML`CSS_网站页面不同浏览器兼容性问题解决

解决网站页面在不同浏览器的兼容模式下加载渲染不正常的问题

引言：
在网站运维过程中，发现若干页面在360等的浏览器上显示不正常，而在其他的浏览器上，皆为正常状态，问题出在哪里呢？

具体问题：
Web页面在360等浏览器上，显示不正确。 但是在Firefox、chrome和IE8+以上的浏览器上，都是显示正常的。

通过实验，发现只有在IE7内核下面才存在兼容性显示问题

通过查找资料
http://blog.csdn.net/blueheart20/article/details/27076905
https://segmentfault.com/a/1190000002611977

发现问题的产生是浏览器“兼容模式”惹的祸

于是在header中加入以下代码，我认为真正起作用的是第二行代码，但为了保险起见，两行我都选用

<meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=8">

于是页面即使在兼容模式下也恢复正常显示。但还有一个问题，显然这样在使用原生的IE浏览器浏览时也会选用ie8内核，我还需要修改一下。

于是，将代码中的8改为11，<meta http-equiv="X-UA-Compatible" content="IE=11">，问题解决。
这里，就是指令浏览器至少要使用IE11以上的渲染引擎来，渲染页面，从而规避掉IE7下的问题。

关于Doctype.

声明必须是 HTML 文档的第一行，位于 标签之前。

声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中， 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地> 呈现内容。

分析： doctype所要解决的就是使用何种HTML的语法解析器和渲染器。比如特定HTML标签的使用，则依赖于HTML Doctype的使用。

---

visitor tracker

---