网站界面设计说明,网站域名备案,广州思盾互动网站建设公司,低价网站建设推广优化之前写的代码不是很规范 , 在今天测试下发现360浏览器等等的浏览器使用兼容模式会有很多不兼容 , 网上了解过一下 , 说是很多浏览器的兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理解的兼容二字 ... OK!跑题了 ... 我的解决方案是在页面head加meta http… 之前写的代码不是很规范 , 在今天测试下发现360浏览器等等的浏览器使用兼容模式会有很多不兼容 , 网上了解过一下 , 说是很多浏览器的兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理解的兼容二字 ... OK!跑题了 ... 我的解决方案是在页面head加meta http-equivX-UA-Compatible contentIE11 告诉浏览器最少使用IE11的内核去解析 能解决IE7内核下的很多问题 再来学习一番 X-UA-Compatible是针对IE8新加的一个设置对于IE8之外的浏览器是不识别的这个区别与contentIE7在无论页面是否包含!DOCTYPE指令都像是使用了 Windows Internet Explorer 7的标准模式。而contentIEEmulateIE7模式遵循!DOCTYPE指令。对于多数网站来说它是首选的兼容性模式。 为了避免制作出的页面在IE8下面出现错误建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码 Html代码 meta http-equivX-UA-Compatible contentIE7 / 这样我们才能使得页面在IE8里面表现正常 浏览器市场份额的激烈竞争给网页设计开发人员带来了兼容性设计的麻烦。仅IE浏览器就有好几个主流版本IE6、IE7、IE8 等等。当然使用诸如 IETester多版本 IE 共存解决方案之类的第三方集成工具可以方便代码调试。但我们总需要找寻一种更为省时省力的方法。 X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记用于为 IE8 指定不同的页面渲染模式。由于当下 IE6 和 IE7 使用率依然较高综合考虑启用 IE8 版本的 X-UA-Compatible 兼容模式显得相当重要。 各种兼容模式代码示例如下 1.meta http-equivX-UA-Compatible contentIE5 / 像是使用了 Windows Internet Explorer 7 的 Quirks 模式这与 Windows Internet Explorer 5 显示内容的方式很相似。 2.meta http-equivX-UA-Compatible contentIE7 / 无论页面是否包含 !DOCTYPE 指令均使用 Windows Internet Explorer 7 的标准渲染模式。 3.meta http-equivX-UA-Compatible contentIE8 / 开启 IE8 的标准渲染模式但由于本身 X-UA-Compatible 文件头仅支持 IE8 以上版本因此等同于冗余代码。 4.meta http-equivX-UA-Compatible contentedge / Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容这实际上破坏了“锁定”模式。即如果你有IE9的话说明你有IE789那么就调用高版本的那个也就是IE9。 5.meta http-equivX-UA-Compatible contentIEEdge,chrome1 如果IE有安装Google Chrome Frame那么就走安装的组件如果没有就和meta http-equivX-UA-Compatible contentedge /一样。 说明针对IE 678等版本的浏览器插件Google Chrome Frame可以让用户的浏览器外观依然是IE的菜单和界面但用户在浏览网页时实际上使用的是Google Chrome浏览器内核。 6.meta http-equivX-UA-Compatible contentIEEmulateIE7 / EmulateIE7 模式通知 Windows Internet Explorer 使用 !DOCTYPE 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同EmulateIE7 模式遵循 !DOCTYPE 指令。对于多数网站来说它是首选的兼容性模式。 目前在开发AngularJS项目时只支持IE8及以上版本或chrome/firefox而有些同事IE8登录却还提示“请使用IE8及以上版本或chrome/firefox如果您使用IE8请在”工具”菜单中调整为非”兼容性视图” 解决方法 1.将项目中的.html及.jsp文件的head的最前面加上 meta http-equivX-UA-Compatible contentIEedge/meta 即如上meta加在其它meta之前 如下所示 Html代码 html head meta http-equivX-UA-Compatible contentIEedge/meta meta http-equivContent-Type contenttext/html; charsetutf-8 / meta http-equivpragma contentno-cache/ meta http-equivcache-control contentno-cache/ meta http-equivexpires content0/ /head ... /html 2.选择“工具”菜单栏点击“兼容性视图设置(B)” 打开如下弹出框将“在兼容性视图中显示Intranet站点(I)、在兼容性视图中显示所有网站(E)”这两项前面的勾选框勾选掉即不勾选上
