meta viewport是專門為移動設備下的顯示所設計的,為了在移動設備下,網頁不需要縮放和滾動條就能查看網頁中的所有內容,文字、圖片大小合適等,只有檢測都在移動設備上使用包含了meta的文檔時,這個標簽才會起作用,一般使用會設置如下5個屬性:
name:為viewport表示供移動設備使用.
content:內定義了viewport的屬性:
width:表示移動設備下顯示的寬度為設備寬度(device-width)
user-scalable:表示用戶縮放能力, no表示不允許用戶縮放網頁
initial-scale:表示設備與視口的縮放比率
maximum和minimum:分別表示縮放的最大最小值, 要注意的是, maximum必須大於或等於minimum
上面的meta標簽就是告訴瀏覽器, 不要在移動端顯示的時候縮放
