html5默認(rèn)允許用戶縮放頁(yè)面，如果需要禁止縮放，我們需要將user-scalabel=0設(shè)置下，具體代碼如下：
成都創(chuàng)新互聯(lián)成都網(wǎng)站建設(shè)定制設(shè)計(jì)，是成都網(wǎng)站營(yíng)銷推廣公司,為發(fā)電機(jī)租賃提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設(shè)計(jì)服務(wù)：原型圖制作、網(wǎng)站創(chuàng)意設(shè)計(jì)、前端HTML5制作、后臺(tái)程序開(kāi)發(fā)等。成都網(wǎng)站制作熱線：18982081108
meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /
注意:meta在head里。
移動(dòng)端頁(yè)面禁止用戶縮放界面只需加上meta name="viewport" content="user-scalable=0"即可。
但是pc端確實(shí)比較麻煩，用戶可以通過(guò)如下幾種方式來(lái)縮放：
//具體實(shí)現(xiàn)demo:
!DOCTYPE?html
html
head
meta?http-equiv="Content-Type" content="text/html; charset=UTF-8"
title瀏覽器網(wǎng)頁(yè)內(nèi)容的百分比縮放（按Ctrl和+號(hào)鍵或者-號(hào)鍵的縮放）/title
style?type="text/css"
/style
/head
body
a?href="javascript:;" id="openApp"知乎客戶端/a
input?type="text" name="ee" autocomplete="on"
/body
/html
script?type="text/javascript" src="js/jquery-1.11.3.min.js"/script
script?type="text/javascript"
// 判斷pc瀏覽器是否縮放，若返回100則為默認(rèn)無(wú)縮放，如果大于100則是放大，否則縮小
function detectZoom (){
var ratio = 0,
screen = window.screen,
ua = navigator.userAgent.toLowerCase();
if (window.devicePixelRatio !== undefined) {
ratio = window.devicePixelRatio;
}
else if (~ua.indexOf('msie')) {
if (screen.deviceXDPI screen.logicalXDPI) {
ratio = screen.deviceXDPI / screen.logicalXDPI;}}
else if (window.outerWidth !== undefined window.innerWidth !== undefined) {
ratio = window.outerWidth / window.innerWidth;}
if (ratio){
ratio = Math.round(ratio * 100);}
return ratio;
};
//window.onresize 事件可用于檢測(cè)頁(yè)面是否觸發(fā)了放大或縮小。
$(function(){
//alert(detectZoom())
})
$(window).on('resize',function(){??????isScale();
});
//判斷PC端瀏覽器縮放比例不是100%時(shí)的情況
function isScale(){
var rate = detectZoom();
if(rate != 100){
//如何讓頁(yè)面的縮放比例自動(dòng)為100,'transform':'scale(1,1)'沒(méi)有用，又無(wú)法自動(dòng)條用鍵盤事件，目前只能提示讓用戶如果想使用100%的比例手動(dòng)去觸發(fā)按ctrl+0
console.log(1)
alert('當(dāng)前頁(yè)面不是100%顯示，請(qǐng)按鍵盤ctrl+0恢復(fù)100%顯示標(biāo)準(zhǔn)，以防頁(yè)面顯示錯(cuò)亂！')
}}?
//阻止pc端瀏覽器縮放js代碼
//由于瀏覽器菜單欄屬于系統(tǒng)軟件權(quán)限，沒(méi)發(fā)控制，我們著手解決ctrl/cammond + +/- 或 Windows下ctrl + 滾輪 縮放頁(yè)面的情況，只能通過(guò)js來(lái)控制了
// jqeury version
$(document).ready(function () {
// chrome 瀏覽器直接加上下面這個(gè)樣式就行了，但是ff不識(shí)別
$('body').css('zoom', 'reset');
$(document).keydown(function (event) {
//event.metaKey mac的command鍵
if ((event.ctrlKey === true || event.metaKey === true) (event.which === 61 || event.which === 107 ||
event.which === 173 || event.which === 109 || event.which === 187? || event.which === 189)){
event.preventDefault();????}
});
$(window).bind('mousewheel DOMMouseScroll', function (event) {
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault();????}??});});
/script
擴(kuò)展資料：
width ? ? ? ? ? ? - viewport的寬度
height ? ? ? ? ? ?- viewport的高度
initial-scale ? ? - 初始的縮放比例
minimum-scale ? ? - 允許用戶縮放到的最小比例
maximum-scale ? ? - 允許用戶縮放到的最大比例
user-scalable ? ? - 用戶是否可以手動(dòng)縮放
如果要禁止頁(yè)面縮放，只要把user-scalable 設(shè)置成no 就可以
meta name="viewport" content="width=device-width,minimum-scale=1.0, maximum-scale=2.0" /
html5默認(rèn)允許用戶縮放頁(yè)面，如果需要禁止縮放，我們需要將user-scalabel=0設(shè)置下，具體代碼如下：
meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"/
測(cè)試成功
手機(jī)頁(yè)面最好不要用實(shí)打?qū)嵉膶挼膩?lái)寫，不同手機(jī)上面的寬度顯示是不同的。百分比是最好的選擇，或者你寫成響應(yīng)式
“屏幕鍵盤”，單擊“開(kāi)始”，指向“所有程序”，“附件”，“輔助工具”，然后單擊“屏幕鍵盤”。這是開(kāi)關(guān)等客
如果這個(gè)方法不起作用，那么你試試下面的例子
在里面開(kāi)始---運(yùn)行中輸入：msconfig并選擇彈出屏幕啟動(dòng)項(xiàng)，在下面的刻度是你引導(dǎo)他們將開(kāi)始的東西，你把屏幕上的鍵盤，鉤取消，然后重新啟動(dòng)等等，（注：有這個(gè)名字，如果你不這樣做知道，問(wèn)百度搜索，應(yīng)該能找到）
那么它是簡(jiǎn)單易用的引導(dǎo)選項(xiàng)屏幕鍵盤客點(diǎn)內(nèi)找到優(yōu)化優(yōu)化大師重啟開(kāi)機(jī)速度后，確定就好了
你應(yīng)該是加了一行類似 meta name="viewport" content="width=device-width; initial-scale=1.0" 這樣的代碼吧。
這個(gè)的意思是在所有媒體下瀏覽都會(huì)按照你樣式定義的大小進(jìn)行渲染，而不會(huì)對(duì)頁(yè)面進(jìn)行縮放，去掉就可以了。
重慶分公司
重慶分公司
