尺寸1

##1. 屏幕尺寸（与设备分辨率） 让咱们来关注一些实际的尺寸，首先先从 screen.width 与 screen.height 提及。即用户屏幕的高度与宽度。咱们用设备像素来描述这一尺寸，由于其永远不会变化：注意这是显示器的特性而非浏览器，不要混淆。

调整分辨率 (只是电脑能够手动调整） console.log(window.innerWidth);

1. 1440*900
2. 1280*800

##2. window尺寸（浏览器尺寸，与浏览器宽度有关）

相反，你须要知道的是浏览器window的内在尺寸。它能反映出用户能使用多少空间来进行CSS布局。你能经过 window.innerWidth 与 window.innerHeight 获取。

window尺寸 使用css尺寸就能够放大缩小了

，window的内部宽度使用CSS像素衡量。你必需要知道你的布局有多少显示在浏览器窗口中，而且当用户放大时它们的尺寸时如何减小的。所以，若是用户进行放大操做时，你在window上的可用空间将会变小而且window.innerWidth/Height也将变小。

（注：这里虽然进行了放大操做，但因为只是每一个css像素点变大（设备宽度无变化）且css的尺寸并无改变，因此能呈如今窗口中的尺寸反而时减少的）

（设备像素没有变，一个css像素占据更多设备像素，因此css尺寸变小了）

(对于Opera存在例外状况，即当用户进行放大操做时，其浏览器的window.innerWidth/Height并无缩小。这是因为在Opera 使用设备宽度而非CSS宽度衡量。这在桌面端无关痛痒，但在移动端确实致命的，咱们将在稍后进行讨论。)