用户没有强制开启怪异模式可以用以下方法解决
1、Doctype 检测 并设置
对于一个 HTML 页面，< !DOCTYP >声明位于其中最前面的位置，处于< html >标签之前，这个< !DOCTYP >可以告知浏览器使用哪种 HTML 规范，针对每种规范浏览器同样也会选择对应的文档模式。平时最常见的三种 doctype 信息对应的文档模式如下。
当 doctype 信息如下时，表明该页面是遵守了 HTML5 规范的，浏览器会选择 Standards Mode，这种 doctype 是最推荐的一种，我们平时设计页面都应该加上这一个 doctype。
当 doctype 如下时，浏览器同样会选择 Standards Mode(标准模式)，虽然和第一种 doctype 有一些区别，但是几乎可以认为是一样的。下面多个版本都能触发
当 doctype 如下时，浏览器会选择 Almost Standards Mode，需要注意的是如果今后需要把这个页面改为 HTML5 规范，那么上文讨论的中的分割图片问题可能会错乱。
当 doctype 缺失的时候，浏览器会选择 Quirks Mode，这是非常不推荐的方式，我们应该尽量避免 Quirks Mode，这对一个 web 应用是非常不利的地方。
2、设置渲染模式 x-ua-compatible 信息
HTML 页面的开发者可以在页面的< head >标签中加入 x-ua-compatible 信息来影响文档类型的判定，具体如下表所示。
x-ua-compatible doctype Document Mode
// IE5 quirks 作死，千万别用
