尺寸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寬度衡量。這在桌面端無關痛癢，但在移動端確實致命的，咱們將在稍後進行討論。)