關于 getBoundingClientRect 方法在360極速浏覽器的 IE 相容模式下擷取 documentElement 寬度比在 IE 浏覽器下面多 4px 的問題

問題

最近我遇到了一個問題，用 ​

​document.documentElement.getBoundingClientRect​

​ 方法在360極速浏覽器的 IE 相容模式下擷取到的寬度比在 IE 浏覽器下面多 4px

效果對比如下圖：

360極速浏覽器的 IE 相容模式下擷取如下

IE 浏覽器擷取如下

可能的原因

對此我有點不太了解，我看他們兩個浏覽器的 userAgent 都是一樣的.

navigator.appVersion: (5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko)，      

經過一段時間的資料查找，并沒有找到 ​

​getBoundingClientRect​

​ 的原理以及可能導緻這個的問題原因。

是以，我找到​​張鑫旭大佬​​郵箱，描述了這個問題。

拓展

• ​​JavaScript怎麼識别360浏覽器？JS識别360急速模式方案，360流氓浏覽器​​