阻止移動(dòng)設(shè)備(手機(jī)、pad)瀏覽器雙擊放大網(wǎng)頁的方法
發(fā)布時(shí)間：2014-06-03 09:56:29 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了阻止移動(dòng)設(shè)備(手機(jī)、pad)瀏覽器雙擊放大網(wǎng)頁的方法,需要的朋友可以參考下
現(xiàn)在的手機(jī)或平板電腦等移動(dòng)設(shè)備上的瀏覽器默認(rèn)都有雙擊放大的設(shè)置，怎么讓雙擊不放大？
在Mobile頁面上有提供viewport這個(gè)meta，可以用它來設(shè)置縮放。 但是在使用viewport之前要把頁面的文檔類型改成Mobile類型。 通常的頁面DTD都是XHTML或者簡(jiǎn)單的HTML5聲明，移動(dòng)設(shè)備要用下面這個(gè)聲明。
復(fù)制代碼
代碼如下:<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
設(shè)置了DTD之后就可以使用viewport使頁面禁止縮放了。 通常把user-scalable設(shè)置為0來關(guān)閉用戶對(duì)頁面視圖縮放的行為。
復(fù)制代碼
代碼如下:<meta name="viewport" content="user-scalable=0" />
但是為了更好的兼容，我們會(huì)使用完整的viewport設(shè)置。
復(fù)制代碼
代碼如下:<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
如果需要更詳細(xì)的關(guān)于viewport的資料可以參考MDN
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
貌似DTD只聲明成HTML5就可以了，下面加上viewport的標(biāo)簽
相關(guān)文章
使用HTML5在網(wǎng)頁中嵌入音頻和視頻播放的基本方法
這篇文章主要介紹了使用HTML5在網(wǎng)頁中嵌入音頻和視頻播放的基本方法,2016-02-22分享29個(gè)基于Bootstrap的HTML5響應(yīng)式網(wǎng)頁設(shè)計(jì)模板
如今基于Bootstrap框架的免費(fèi)HTML5網(wǎng)站已經(jīng)開始成為行業(yè)趨勢(shì)。研究人員已經(jīng)證實(shí)，Bootstrap是引領(lǐng)設(shè)計(jì)和開發(fā)行業(yè)趨勢(shì)效果最為顯著的，本文給大家分享29個(gè)基于Bootstrap的HT2015-11-19使用純HTML5編寫一款網(wǎng)頁上的時(shí)鐘的代碼分享
這篇文章主要介紹了使用純HTML5編寫一款網(wǎng)頁上的時(shí)鐘的代碼分享,程序非常簡(jiǎn)單且沒有時(shí)鐘上的數(shù)字顯示,純粹體現(xiàn)最基本的設(shè)計(jì)思路,需要的朋友可以參考下2015-11-162014年圣誕節(jié)倒計(jì)時(shí)網(wǎng)頁的制作過程
今天和大家分享一款倒計(jì)時(shí)網(wǎng)頁教程，2014年的圣誕節(jié)即將來臨之季。愛編程小編給大家分享一款2014年圣誕節(jié)倒計(jì)時(shí)網(wǎng)頁，當(dāng)天的日期卡片有抖動(dòng)的效果，需要的朋友可以參考下2014-12-05HTML5資源預(yù)加載(Link prefetch)詳細(xì)介紹（給你的網(wǎng)頁加速）
不管是瀏覽器的開發(fā)者還是普通web應(yīng)用的開發(fā)者，他們都在做一個(gè)共同的努力：讓W(xué)eb瀏覽有更快的速度感覺。有很多已知的技術(shù)都可以讓你的網(wǎng)站速度變得更快：使用CSS sprites2014-05-07- 這篇文章主要介紹了為你的html5網(wǎng)頁添加音效示例,需要的朋友可以參考下2014-04-03
編寫html5時(shí)調(diào)試發(fā)現(xiàn)腳本php等網(wǎng)頁js、css等失效
在編寫html5時(shí)簡(jiǎn)單的調(diào)試了下與PHP協(xié)同使用后，發(fā)現(xiàn)在不少情況下js、css等會(huì)失效，調(diào)試后發(fā)現(xiàn)網(wǎng)頁在跳轉(zhuǎn)時(shí)仍有緩存，需要指出原網(wǎng)頁和跳轉(zhuǎn)后網(wǎng)頁的關(guān)系，具體代碼如下2013-12-31HTML5之WebGL 3D概述(上)—WebGL原生開發(fā)開啟網(wǎng)頁3D渲染新時(shí)代
WebGL開啟了網(wǎng)頁3D渲染的新時(shí)代，它允許在canvas中直接渲染3D的內(nèi)容，而不借助任何插件,看到此處是不是感覺特別驚訝啊，WebGL有一個(gè)很好的中文教程，就是下面使用參考中的2013-01-31html5拖曳操作 HTML5實(shí)現(xiàn)網(wǎng)頁元素的拖放操作
HTML5之前，要實(shí)現(xiàn)網(wǎng)頁元素的拖放操作，需要依靠mousedown、mousemove、mouseup等API，通過大量的JS代碼來實(shí)現(xiàn),而如今html5大大簡(jiǎn)化了網(wǎng)頁元素的拖放操作編程難度,API除了2013-01-02- 為了幫助了解當(dāng)今HTML 5的一些新玩意兒，我們現(xiàn)在就進(jìn)入正題，開始使用一些新的結(jié)構(gòu)元素。我們創(chuàng)建HTML 5文檔第一件需要做的事情就是使用新的文檔類型。2010-05-30