CSSOM视图

一、window视图属性

这些属性可以hold住整个浏览器窗体大小。微软则将这些API称为“Screenview 接口”。包括：
innerWidth 属性和 innerHeight 属性
pageXOffset 属性和 pageYOffset 属性
screenX 属性和 screenY 属性
outerWidth 属性和 outerHeight 属性

相关属性组对应的兼容性以及使用见下面。

1. innerWidth 属性和innerHeight 属性

表示window窗体的内部宽高，注意，它们的值会随屏幕缩放比例而变化，可以参照SVG视野概念，比例越小，视野越大，值越大；反之越小。

接下来的实验都是在缩放比为100%的情况。

2. outerWidth属性和outerHeight属性

表示整个浏览器窗体的大小，包括任务栏等。

 3. screenX and screenY

浏览器窗口在显示器中的位置，screenX表示水平位置，screenY表示垂直位置。

 4. pageXOffset和pageYOffset

表示整个页面滚动的像素值（水平方向的和垂直方向的）。该属性兼容性如下表：

二、Screen视图属性

指能hold住显示器信息的些属性。有：
availWidth和availHeight
colorDepth
pixelDepth
width和height

这类API又被称为“Screen 接口”。相关兼容性与特性依次见下面内容：

CSSOM视图

原文：https://www.cnblogs.com/embrace-ly/p/10976603.html