IE浏览器兼容问题的解决方法
最近在写网页遇到遇到一些网页兼容的问题特别多,其中一个就是我这边的IE,360是没有看出问题的。但是到了客户那边却出现了很严重的页面变形问题,想了一下,应该就是大家的浏览器版本不一样导致的,我是按照自己的版本来写网页,也有测试IE8910的兼容性。当然,如果客户那边能够使用版本高一点的浏览器就最好了,但这是政府的项目不能这么要求他们,只能自己解决。
查了一下资料找到这个答案:从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式。
以下是我的解决方法:我需要统一规范使用浏览器的某个版本来渲染,最先我用的是IE8,于是就在头部加上了这一句代码:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
加上这句代码之后算是很好解决了,但是后面又出现另外的问题,渲染成IE8之后发现<a></a>标签点击没反应,将content="IE=8"改成content="IE=9"之后又可以了,这有没有一个统一的解决方法呢,可以实现根据用户的不同浏览器版本对浏览器的渲染版本进行选择?于是又查找了一些资料最后改成
<metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">
测试之后,问题得到解决!