怪异Quirks模式是什么，它和标准Standards模式有

<p>ie6之后引入了标准模式，取决于DTD声明，在怪异模式下，元素设置的宽度包括了padding和border</p>

作者：LongforLeo 
来源：CSDN 
原文：https://blog.csdn.net/longforleo/article/details/80156976 
版权声明：本文为博主原创文章，转载请附上博文链接！

 如果写了文档类型定义(DOCTYPE)，就意味着这个页面将采用对CSS支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是Quirks模式（怪癖模式，诡异模式，怪异模式）。没有DOCTYPE的文档用怪异模式，但是有DOCTYPE不一定不一定不用怪异模式。

通过document.compatMode属性可以确定使用的模式

if(typeof document.compatMode != "undefined" &&/CSS1Compat/.test(document.compatMode)){

                alert("标准模式");

}esle{

                alert("怪异模式");

}