143 viewport是互聯(lián)網(wǎng)電腦網(wǎng)站搭建設(shè)計(jì)用戶網(wǎng)頁的觀察裝置,在互聯(lián)網(wǎng)的中文社區(qū)里一般稱之為“視區(qū)”或者“視野”。 關(guān)于viewport有三個(gè)大理論: 1、layout viewport(布局視口)
這是layout viewport是網(wǎng)頁窗口的微縮視窗,它是<html>的父系容器,如果你在css里面把<html>符碼進(jìn)行改動(dòng)和修嵌;布局視窗需要用滾動(dòng)條進(jìn)行拉幅和伸縮,在調(diào)整瀏覽器窗口時(shí)不允許改變。瀏覽器窗口改變的只是visual viewport,在PC(個(gè)人電腦)中的瀏覽器縮放比例為100%,其寬度大概和內(nèi)容視窗的寬度相符合。
2、Visual viewport(視覺視口)
visual viewport往往只顯示瀏覽器窗口的小片面積,layout是把瀏覽器窗口成比例的進(jìn)行縮放和調(diào)整大小和分辨率;visual viewport是將瀏覽器截取其中的一個(gè)視角進(jìn)行觀看和審閱。visual viewport的視角猶如攝像機(jī)的效果,攝像機(jī)的鏡頭感在visual viewport下顯得充分真實(shí)。 3、Ideal viewport(理想視窗) Ideal viewport是屏幕分辨率,移動(dòng)通訊工具默認(rèn)的視窗是布局視窗,而在對移動(dòng)設(shè)備的電腦網(wǎng)站開發(fā)的是理想視窗。所以我們要使用meta標(biāo)簽對視窗進(jìn)行控制。 一般來說,viewport標(biāo)簽的前置內(nèi)容是meta name,meta存在兩個(gè)屬性:http-equiv和name.