關于viewport的幾個width

     直接進入主題

1.viewport尺寸：浏覽器視窗尺寸。

document.documentElement.clientWidth/Height；随浏覽器大小變化而變化，但寬度不包含滾動條寬度。      

 2.浏覽器内部尺寸。

window.innerWidth/Height；随浏覽器大小變化而變化，寬度包含滾動條寬度。      

 3.使用者螢幕尺寸。

screen.width/height;使用者不更換顯示屏，尺寸就不會變化。      

 4.zoom level 縮放比例。

screen.width/widow.innerWidth      

 5.事件出發點的X、Y坐标。

client.pageX/Y:從html遠點到事件被觸發點；//99%用；
clientX/Y:從浏覽器視窗到事件被觸發點；//0.99%用；
screenX/Y:從顯示器到事件被觸發點；//0.01%用；      

 6.layoutviewport與visualviewport。

   layoutviewport：布局viewport，永遠不會變，就是你寫的頁面。

   visualviewport：虛拟viewport，就是裝置的螢幕大小，相同比例隻能看到你寫的頁面的一部分，但可以通過縮小來檢視你寫的頁面的全部。

參考：http://www.w3cplus.com/css/viewports.html