HTML Meta中的viewport指令

<
meta 
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>

viewport含義：

viewport 標記用於指定使用者是否可以縮放web頁面，如果可以，那麼縮放到的最大和最小縮放比例是什麼。使用viewport 標記還表示文件針對移動裝置進行了優化。viewport 標記的content值是由指令及其值組成的以逗號分隔的列表。

例：

<
meta 
name
="viewport"
content
="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no"
>

和

<
meta 
name
=」viewport」 
content
=」width=240, 
height
=320, 
user-scalable
=yes, 
initial-scale
=2.5, 
maximum-scale
=5.0, 
minimun-scale
=1.0」
>

解釋如下：

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頁面的能力。