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