在Vue項目中,防止頁面被縮放和放大示例
更新時間：2019年10月28日 08:36:13 作者：CherryLee_1210
今天小編就為大家分享一篇在Vue項目中,防止頁面被縮放和放大示例，具有很好的參考 價值，希望對大家有所幫助。一起跟隨小編過來看看吧
現(xiàn)在vue的腳手架生成項目之后我們會發(fā)現(xiàn)index.html頁面中。
在head標簽中，我們會看到meta標簽中有一條顯示是
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
但是我們發(fā)現(xiàn)這條語句中只是讓user-scalable=0，這是不讓用戶進行縮放。
可以頁面會在兩個手指進行放大?。。?
可以頁面會在兩個手指進行放大?。?！
可以頁面會在兩個手指進行放大?。?！
這就很尷尬了。。。
所以將頁面中meta標簽
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
maximum-scale、minimum-scale及user-scalable屬性控制允許用戶以怎樣的方式放大或縮小頁面。
將index.html中原有的meta標簽，替換成現(xiàn)有的這句就可以防止用戶放大了。同理，也可以防止頁面被用戶縮放。
以上這篇在Vue項目中,防止頁面被縮放和放大示例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了解決vue scoped scss 無效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要為大家介紹了vue封裝動態(tài)表格方式示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
require是一個node方法，用于引入模塊，JSON或本地文件，這篇文章主要介紹了vue中動態(tài)引入圖片為什么要是require,需要的朋友可以參考下2022-10-10
利用Vue.js實現(xiàn)checkbox的全選反選效果
最近用vue做了兩個項目，都需要實現(xiàn)全選反選的功能，所以想著記錄下分享給大家，方便自己或者有需要的朋友們參考講學習，所以下面這篇文章主要介紹了利用Vue.js實現(xiàn)checkbox的全選反選效果,需要的朋友可以一起來學習學習。2017-01-01
vue axios數(shù)據(jù)請求及vue中使用axios的方法
axios 是一個基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端，在vue中數(shù)據(jù)請求需要先安裝axios。這篇文章主要介紹了vue axios數(shù)據(jù)請求及vue中使用axios的方法,需要的朋友可以參考下2018-09-09
本篇文章主要介紹了詳解Vue應用部署到服務器的正確方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-07-07
我們通過原理講解以及代碼實例給大家分享了關于VUE實現(xiàn)移動下拉刷新的功能，有的朋友可以跟著學習下。2018-04-04
這篇文章主要介紹了vue.js選中動態(tài)綁定的radio的指定項,需要的朋友可以參考下2017-06-06
go-gin-vue3-elementPlus帶參手動上傳文件的案例代碼
這篇文章主要介紹了go-gin-vue3-elementPlus帶參手動上傳文件的案例代碼,本文結合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-11-11
這篇文章主要介紹了vue框架render方法如何替換template，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04