1.document.documentElement.getBoundingClientRect().width
- 获取文档的宽度(即html的宽度)
- 如果html的宽度被赋值时，不管放大缩小，数值都不会变
- 如果html的宽度没有被赋值时，缩小时，变为原来的2倍；放大时，不变 注：document.documentElement.getBoundingClientRect()获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置
2.document.documentElement.clientWidth
- 获取窗口区域的宽度
- 缩小时，变为原来的2倍；放大时，不变
3.window.innerWidth
- 获取文档在窗口中显示的宽度(在不放大时，window.innerWidth=document.documentElement.clientWidth)
- 缩小时，变为原来的2倍；放大时，缩小为原来的一半
