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