主頁 > 知識庫 > 阻止移動設備(手機、pad)瀏覽器雙擊放大網(wǎng)頁的方法

阻止移動設備(手機、pad)瀏覽器雙擊放大網(wǎng)頁的方法

熱門標簽:怎么做百度地圖標注 小朱地圖標注 臨海地圖標注app 400開頭的電話好申請不 智能芯電話機器人 地圖標注柱狀圖 咸陽穩(wěn)定外呼系統(tǒng)軟件 百度地圖標注為什么總是封號 四川移動電銷外呼客戶管理系統(tǒng)

現(xiàn)在的手機或平板電腦等移動設備上的瀏覽器默認都有雙擊放大的設置,怎么讓雙擊不放大?

在Mobile頁面上有提供viewport這個meta,可以用它來設置縮放。 但是在使用viewport之前要把頁面的文檔類型改成Mobile類型。 通常的頁面DTD都是XHTML或者簡單的HTML5聲明,移動設備要用下面這個聲明。

復制代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

設置了DTD之后就可以使用viewport使頁面禁止縮放了。 通常把user-scalable設置為0來關閉用戶對頁面視圖縮放的行為。

復制代碼
代碼如下:
<meta name="viewport" content="user-scalable=0" />

但是為了更好的兼容,我們會使用完整的viewport設置。


復制代碼
代碼如下:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

如果需要更詳細的關于viewport的資料可以參考MDN

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

貌似DTD只聲明成HTML5就可以了,下面加上viewport的標簽

標簽:南平 平頂山 山南 陜西 黃石 黃石 公主嶺

巨人網(wǎng)絡通訊聲明:本文標題《阻止移動設備(手機、pad)瀏覽器雙擊放大網(wǎng)頁的方法》,本文關鍵詞  阻止,移動,設備,手機,pad,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《阻止移動設備(手機、pad)瀏覽器雙擊放大網(wǎng)頁的方法》相關的同類信息!
  • 本頁收集關于阻止移動設備(手機、pad)瀏覽器雙擊放大網(wǎng)頁的方法的相關信息資訊供網(wǎng)民參考!
  • 推薦文章