现在的位置: 网页制作教程网站制作经验 >正文
网页基础教程

网页在不同的浏览模式下显示错位的解决办法

发表于2016/11/17 网站制作经验 0条评论 ⁄ 热度 4,162℃

最近收到很多同学的反馈,说自己的网站在浏览器不同模式下显示不一样,有的甚至网页发生了错位。比较典型的是:我的浏览器是IE8,在兼容模式下浏览,网站页面显示不正常,发生了异位。我在前几天的一篇文章,详细介绍了浏览器不同浏览模式的区别以及原理,看完这篇文章你对对浏览器浏览模式的机制有更深的了解,详情请参考浏览器浏览模式一文。

浏览器模式下错位

开始有很多同学的思路是现通过js获取浏览器当前的浏览模式,再来调整网页。其实这个方法不可取,我们有更简单的解决办法。

我们可以在当前页面添加下面代码,强制要求兼容浏览器版本。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

以上代码添加在head标签之间。

  • 暂无评论