最近收到很多同学的反馈,说自己的网站在浏览器不同模式下显示不一样,有的甚至网页发生了错位。比较典型的是:我的浏览器是IE8,在兼容模式下浏览,网站页面显示不正常,发生了异位。我在前几天的一篇文章,详细介绍了浏览器不同浏览模式的区别以及原理,看完这篇文章你对对浏览器浏览模式的机制有更深的了解,详情请参考浏览器浏览模式一文。
开始有很多同学的思路是现通过js获取浏览器当前的浏览模式,再来调整网页。其实这个方法不可取,我们有更简单的解决办法。
我们可以在当前页面添加下面代码,强制要求兼容浏览器版本。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
以上代码添加在head标签之间。
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/214.html