最近用vue和mint-ui框架開發了一個微信公眾號,部署以后,進入頁面,發現頁面會隨着手指的滑動而縮放,查閱資料后發現要在index.html中設置一下。
以下是解決方法:
vue生成的index.html頁面中,meta標簽是這樣子的:
<meta name="viewport" content="width=device-width">
這里只要把meta標簽改成以下內容,就可以控制頁面的縮放
<meta name="viewport" content="width=device-width
,initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
具體屬性值分析:
width=device-width 使用設備的寬度來解析
initial-scale=1.0 頁面初始倍數為1倍
maximum-scale=1.0 頁面可放大的倍數為1倍
minimum-scale=1.0 頁面可縮小的倍數為1倍
user-scalable=0 禁止用戶縮放頁面