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