IE10及以上版本有两种怪异模式,第一种称为IE5 Quirks,第二种称为Quirks。而IE10之前的版本只有一种怪异模式,即旧版IE5怪异模式。
这两种模式都会使用旧版"quirks"盒模型和其他布局更改。但IE5怪异模式除了更改盒模型,还禁用了自IE5以来引入的大多数浏览器功能,因此在此模式下,没有任何新的HTML5功能可用。
新的怪异模式使用与旧怪异模式相同的渲染规则,但不会禁用所有浏览器功能。
之所以有这两种模式,是因为其他浏览器(例如Chrome)也有一个怪异模式,当页面没有文档类型声明时,将触发该模式。但其他浏览器从未像IE那样为了向后兼容而禁用其功能。
因此,IE引入了新的怪异模式,以提高处于怪异模式下的网站的跨浏览器兼容性。
尽管IE通过引入额外的模式进行了跨浏览器努力,但在怪异模式下,各浏览器之间仍存在重大差异。最佳实践始终是尽可能使用标准模式。
无论如何,应避免使用怪异模式(两种都是)。如果需要使用怪异模式盒模型,则可以在标准模式下通过使用CSS box-sizing:border-box来实现。