阻止行動裝置(手機、pad)瀏覽器雙擊放大網頁的方法_html5教學技巧

現在的手機或平板電腦等行動裝置上的瀏覽器預設都有雙擊放大的設置，怎麼讓雙擊不放大？

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

複製代碼

代碼如下:

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

複製程式碼

程式碼如下:

但是為了更好的相容，我們會使用完整的viewport設定。

複製程式碼

程式碼如下:

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

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

看似DTD只宣告成HTML5就可以了，下面加上viewport的標籤