日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

手機瀏覽器雙擊放大的方法 雙擊屏幕放大怎么取消

技術(shù)知識屏幕


手機瀏覽器雙擊放大的方法 雙擊屏幕放大怎么取消


切圖網(wǎng)在為一個項目提供 h5 微信上使用的小游戲開發(fā)的時候，設(shè)計到快速點擊按鈕來發(fā)電的游戲規(guī)則，所以用戶需要不斷的點擊按鈕來發(fā)更多的電量，這不斷的點擊會觸發(fā)雙擊的動作，瀏覽器就放大了 。為了這個問題百度了很多資料，下面是主流的解決方案 。
—————–
現(xiàn)在的手機或平板電腦等移動設(shè)備上的瀏覽器默認都有雙擊放大的設(shè)置，怎么讓雙擊不放大？
在 Mobile 頁面上有提供 viewport 這個 meta，可以用它來設(shè)置縮放 。但是在使用 viewport 之前要把頁面的文檔類型改成 Mobile 類型 。通常的頁面 DTD 都是 XHTML 或者簡單的 HTML5 聲明，移動設(shè)備要用下面這個聲明 。
代碼如下:
<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”&gt;
設(shè)置了 DTD 之后就可以使用 viewport 使頁面禁止縮放了 。通常把 user-scalable 設(shè)置為 0 來關(guān)閉用戶對頁面視圖縮放的行為 。
代碼如下:
<meta name=”viewport” content=”user-scalable=0″ />
但是為了更好的兼容，我們會使用完整的 viewport 設(shè)置 。
代碼如下:
<meta name=”viewport” content=”width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0″ />
如果需要更詳細的關(guān)于 viewport 的資料可以參考 MDN
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
貌似 DTD 只聲明成 HTML5 就可以了，下面加上 viewport 的標簽
現(xiàn)在的手機或平板電腦等移動設(shè)備上的瀏覽器默認都有雙擊放大的設(shè)置，怎么讓雙擊不放大？
在 Mobile 頁面上有提供 viewport 這個 meta，可以用它來設(shè)置縮放 。但是在使用 viewport 之前要把頁面的文檔類型改成 Mobile 類型 。通常的頁面 DTD 都是 XHTML 或者簡單的 HTML5 聲明，移動設(shè)備要用下面這個聲明 。
代碼如下:
<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”&gt;
設(shè)置了 DTD 之后就可以使用 viewport 使頁面禁止縮放了 。通常把 user-scalable 設(shè)置為 0 來關(guān)閉用戶對頁面視圖縮放的行為 。
代碼如下:
<meta name=”viewport” content=”user-scalable=0″ />
但是為了更好的兼容，我們會使用完整的 viewport 設(shè)置 。
代碼如下:
<meta name=”viewport” content=”width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0″ />
如果需要更詳細的關(guān)于 viewport 的資料可以參考 MDN
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
貌似 DTD 只聲明成 HTML5 就可以了，下面加上 viewport 的標簽
—————————-
【手機瀏覽器雙擊放大的方法 雙擊屏幕放大怎么取消】 但是這個沒有解決問題，因為我們采用的是 viewport 定寬的方式，而 viewport 定寬會導致 android 下瀏覽器 禁止縮放的屬性失效，所以上面的方法對這個項目無效，最后通過一個 css 代碼解決問題，就是把按鈕盡量做大到占滿整個屏幕，因為我們發(fā)現(xiàn)，當元素很小的時 候，雙擊這個元素，會導致瀏覽器放大，但是當這個元素占據(jù)了整個屏幕的寬度的時候，雙擊這個元素，不會導致放大頁面，所以這個問題得以臨時解決 。如果你有 更好的方法，可以與我們一起交流！

    推薦閱讀