之前调试前端程序时,发现在本地运行和部署到服务器上的web项目在ie上运行显示不同,而在ff和chrome均保持一致,而且在ff,chrome和本地运行在ie显示的是理想效果。百思不得其解,用一个实用性不高的蠢办法解决了。
而这次又遇到,使用ie开发者工具打开意外发现doctype被注释掉,导致ie进入怪异模式,以ie5.5的模式显示界面因此导致显示效果差异很大!
解决方法:针对浏览器的内容做标识(使用meta标签调节浏览器的渲染方式)
为了让IE浏览器运行最新的渲染模式,将添加以下标签在页面中
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
IE=edge表示强制使用IE最新内核,chrome=1表示如果安装了针对IE6/7/8等版本的浏览器插件Google Chrome Frame(可以让用户的浏览器外观依然是IE的菜单和界面,但用户在浏览网页时,实际上使用的是Chrome浏览器内核),那么就用Chrome内核来渲染。
参考来源:http://programmer.org.cn/html5/205.html
能够解决我的问题,至于为什么本地运行可以正常显示,部署到服务器就会出问题,还需要继续探索。