IE對盒模型的渲染在 Standards Mode和Quirks Mode是有很大差異的,在Standards Mode下對於盒模型的解釋和其餘的標準瀏覽器是同樣,但在Quirks Mode模式下則有很大差異,而在不聲明Doctype的狀況下,IE默認又是Quirks Mode。因此爲兼容性考慮,咱們可能須要獲取當前的文檔渲染方式。document.compatMode正好派上用場,它有兩種可能的返回值:BackCompat和CSS1Compat。BackCompat:標準兼容模式關閉。瀏覽器客戶區寬度是document.body.clientWidth;CSS1Compat:標準兼容模式開啓。 瀏覽器客戶區寬度是document.documentElement.clientWidth。瀏覽器
解決辦法:ui
<head>裏面添加 <META http-equiv="X-UA-Compatible" content="IE=9" > </META> blog
或者使用<meta http-equiv="X-UA-Compatible" content="edge" />文檔
Edge 模式通知 Windows Internet Explorer 以最高級別的可用模式顯示內容兼容性