控制移動端頁面的縮放


最近用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         禁止用戶縮放頁面


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM