在Vue項(xiàng)目中,防止頁面被縮放和放大示例
現(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)目中,防止頁面被縮放和放大示例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue組件父與子通信詳解，實(shí)現(xiàn)登錄窗口，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
Vue.js實(shí)現(xiàn)數(shù)據(jù)響應(yīng)的方法
這篇文章主要介紹了Vue.js實(shí)現(xiàn)數(shù)據(jù)響應(yīng)的方法,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-08-08
vue項(xiàng)目怎樣用nginx反向代理WebSocket請求地址
這篇文章主要介紹了vue項(xiàng)目怎樣用nginx反向代理WebSocket請求地址問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-09-09
vue props對象validator自定義函數(shù)實(shí)例
今天小編就為大家分享一篇vue props對象validator自定義函數(shù)實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
Vue3 去除 vue warn 及生產(chǎn)環(huán)境去除console.log的方法
這篇文章主要介紹了Vue3 去除 vue warn 及生產(chǎn)環(huán)境去除console.log的方法，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-06-06
vue+element?ui表格添加多個(gè)搜索條件篩選功能(前端查詢)
這篇文章主要給大家介紹了關(guān)于vue+element?ui表格添加多個(gè)搜索條件篩選功能的相關(guān)資料,最近在使用element-ui的表格組件時(shí),遇到了搜索框功能的實(shí)現(xiàn)問題,需要的朋友可以參考下2023-08-08
這篇文章主要為大家詳細(xì)介紹了vue.js devtools遇到問題的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
Vue3?Transition組件給頁面切換并加上動(dòng)畫效果
這篇文章主要給大家介紹了關(guān)于Vue3?Transition組件給頁面切換并加上動(dòng)畫效果的相關(guān)資料,vue的過渡動(dòng)畫主要是transition標(biāo)簽的使用,配合css動(dòng)畫實(shí)現(xiàn)的,需要的朋友可以參考下2023-06-06
Vuex結(jié)合storage實(shí)現(xiàn)用戶信息本地存儲(chǔ)方式
這篇文章主要介紹了Vuex結(jié)合storage實(shí)現(xiàn)用戶信息本地存儲(chǔ)方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章給大家分享了vue axios二次封裝的相關(guān)知識(shí)點(diǎn)等內(nèi)容以及實(shí)例代碼，有興趣的朋友可以參考學(xué)習(xí)下。2018-07-07