瀏覽器視口

css佈局受瀏覽器視口的限制

桌面端瀏覽器只有佈局視口的概念

桌面端瀏覽器像素比 1px對應css像素爲1px

移動端瀏覽器有佈局視口、可視視口、理想視口三個概念。

經過document.documentElement.clientWidth/Height能夠得到瀏覽器的佈局視口寬口。

經過screen.width/height能夠獲取理想視口的寬度或高度

經過meta標籤設置視口：

<meta name="viewport" content="name=value,name=value">

每個名/值對都是一個給瀏覽器發號命令的指令。它們被逗號分隔，共有6個

一、width:設置佈局視口的寬度爲特定的值
二、initial-scale:設置頁面的初始縮放程度和佈局視口的寬度
三、minimum-scale:設置了最小縮放程度(用戶可縮小的程度)
四、maximum-scale:設置了最大縮放程度(用戶可放大的程度)
五、user-scalable:是否阻止用戶進行縮放
六、height:設置佈局視口的高度(未被實現)

設備像素比（dpi）：dpi爲2，則表明一個css像素，在屏幕上實際標示2px。