在檢視bootstrap教程中,碰到
後,在群兄弟小胡幫助下,知道viewport含義:
viewport 標記用於指定使用者是否可以縮放web頁面,如果可以,那麼縮放到的最大和最小縮放比例是什麼。使用viewport 標記還表示文件針對移動裝置進行了優化。viewport 標記的content值是由指令及其值組成的以逗號分隔的列表。
例:width和height指令分別指定視區的邏輯寬度和高度。他們的值要麼是以畫素為單位的數字,要麼是乙個特殊的標記符號。width指令使用device-width標記可以指示視區寬度應為裝置的螢幕寬度。類似地height指令使用device-height標記指示視區高度為裝置的螢幕高度。
user-scalable指令指定使用者是否可以縮放視區,即縮放web頁面的檢視。值為yes時允許使用者進行縮放,值為no時不允許縮放。
initial-scale指令用於設定web頁面的初始縮放比例。預設的初始縮放比例值因智慧型手機瀏覽器的不同而有所差異。通常情況下裝置會在瀏覽器中呈現出整個web頁面,設為1.0則將顯示未經縮放的web文件。
maximum-scale和minimum-scale指令用於設定使用者對web頁面縮放比例的限制。值的範圍為0.25至10.0之間。與initial-scale相同,這些指令的值是應用於視區內容的縮放比例。
所有智慧型手機瀏覽器都支援viewport 標記的width和user-scalabel指令。但是opera mobile不使用user-scalable指令,而是主張使用者應始終保留在移動瀏覽器中縮放web頁面的能力。
meta中viewport的使用
隨著高階手機 andriod,iphone,ipod,winphone等 的盛行,移動互聯應用開發也越來越受到人們的重視,用html5開發移動應用是最好的選擇。然而,每一款手機有不同的解析度,不同螢幕大小,如何使我們開發出來的應用或頁面大小能適合各種高階手機使用呢?學習html5 viewport的...
meta中的viewport指令
viewport含義 viewport 標記用於指定使用者是否可以縮放web頁面,如果可以,那麼縮放到的最大和最小縮放比例是什麼。使用viewport 標記還表示文件針對移動裝置進行了優化。viewport 標記的content值是由指令及其值組成的以逗號分隔的列表。例 和解釋如下 width和he...
meta中viewport屬性值
屬性 說明width 視窗寬度,值為字串 width device 或乙個正整數 height 視窗高度,值為字串 height device 或乙個正整數 initial scale 頁面初始縮放值,值為數字,並支援小數 minimum scale 允許使用者縮放的最小值,值為數字,並支援小數 u...