用meta標簽viewport解決手機頁面縮放異常問題
『作者：明翔 』『2017/5/12』
viewport：詞典原義是視角、視口、檢測區。而網頁制作中meta標簽的viewport屬性是什么含義、使用語法是什么，下面簡單了解下。
頁面viewport：它在頁面中設置，是應對手機模式訪問網站設計、網頁對屏幕而做的一些設置。通常手機瀏覽器打開頁面后，會把頁面放在一個虛擬的“窗口”--這個比窗口大，也就是你常發現頁面可以進行拖動、放大放小，這個窗口即viewport，meta的這個viewport屬性基本所有手機瀏覽器皆支持。
viewport使用語法：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
viewport的屬性含義如下：
1、width : 控制viewport的大小，可以指定一個值，如600， 或者特殊的值，如device-width為設備的寬度（單位為縮放為100%的CSS的像素）
2、height : 和width相對應，指定高度
3、initial-scale : 初始縮放比例，頁面第一次加載時的縮放比例
4、maximum-scale : 允許用戶縮放到的最大比例，范圍從0到10.0
5、minimum-scale : 允許用戶縮放到的最小比例，范圍從0到10.0
6、user-scalable : 用戶是否可以手動縮放，值可以是：①yes、 true允許用戶縮放；②no、false不允許用戶縮放
tags：
上一篇：谷歌輸入法支持自主更換背景啦
下一篇：網站排名產生波動，不穩定我們要如何應對
