在公司內開發完行動裝置網頁，卻發現手機版網頁無法縮放大小!
差點以為要打掉重練了..........(汗
紀錄一下
在head標籤內加入
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.8, maximum-scale=2.0, user-scalable=yes">
</head>
參數內容如下
1、width使用 device-width (裝置寬度) 作為可視區域的寬度，也可以固定寬度如width=1024。
2、height使用 device-height (裝置高度) 作為可視區域的高度。
3、initial-scale的值可為0.1~10,但我在測試時似乎不是每個值都有效。
4、minimum-scale: 最小可以縮放到 0.8 比例。
5、maximum-scale: 最大可以縮放到 2.0 比例。
6、user-scalable: 是否允許使用者進行縮放。no 不允許；yes 允許。