166 1、簡單點說，移動設備的前端viewport就是我們在手機上能進行屏幕觀看的網站視角。一般情況下PC終端的瀏覽器的的分辨率是960x1140，960可以說是比較普遍的頁面寬度，它可以把瀏覽器在最大化的時候使用最大可能性的寬度比值而不出現滾動條。一般電腦的分辨率都在1024x768左右，移動設備的viewport是layout viewport,但在對網站編程和修改的時候。必須的是ideal viewport，這就輪到meta標簽派上用場了。
最直接的方法就是：<meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">，把這條代碼復制到編碼的“頭部”就可以了。 2、移動端的物理像素分辨率已經遠遠超越了PC端的，移動端的1PX并不等于PC端物理像素中的1PX，然而像素卻高了，這證明了一個像素的基本單位里面增加了好幾個像素點。在我們的電腦系統中，存在一個device PixelRatio屬性，也即是：電腦信息輸出設備的物理像素和設備獨立像素的比例，也就是device PixelRatio=物理像素和獨立像素的比值。
3、viewport在Html5有很廣泛和實用的運用，html 5是w3c和WHATWG結合的新一代的網站設計和編程。