最近在部署网页的时候,发现IE下的布局完成混乱。
在改变IE的文本模式后,显示就正常了。
IE的浏览器模式,用于切换IE针对该网页的默认文本模式、对不同版本浏览器的条件注释解析、决定请求头里userAgent的值。它在浏览器发出请求之前就已经确定,网站没有办法修改这个值。它代表的是用户以何种浏览器访问网站。
主要的是文本模式,文本模式决定浏览器的排版引擎和JS引擎,它代表的是浏览器以何种模式呈现页面。
为了解决布局混乱的问题,我们需要手动决定文本模式,通常我们采用以下的语句:
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
这个语句意味着文本模式会使用最新可用的版本。
另外,需要注意一点的是,该语句需要放在Js文件之前。