手機端特有的Meta標籤 一、<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1"> 網頁手機wap2.0網頁的head里加入下面這條元標籤,在iPhone的瀏覽器中頁面將以原始大小顯示,並不容許縮放。 說到移動平臺meta標籤,那就不得不說一下viewport了,那麼什麼是viewport呢? viewport便可視區域,對於桌面瀏覽器而言,viewport指的就是除去全部工具欄、狀態欄、滾動條等等以後用於看網頁的區域 二、<meta name="format-detection" content="telephone=no"> 當該 HTML 頁面在手機上瀏覽時,該標籤用於指定是否將網頁內容中的手機號碼顯示爲撥號的超連接。 在 iPhone 上默認值是: <meta name="format-detection" content="telephone=yes"/> 若是你不但願手機自動將網頁中的電話號碼顯示爲撥號的超連接,那麼能夠這樣寫: <meta name="format-detection" content="telephone=no"/> 三、<meta name="apple-mobile-web-app-capable" content="yes" /> 說明:網站開啓對web app程序的支持。 四、<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 說明: 在web app應用下狀態條(屏幕頂部條)的顏色; 默認值爲default(白色),能夠定爲black(黑色)和black-translucent(灰色半透明)。 注意:若值爲「black-translucent」將會佔據頁面px位置,浮在頁面上方(會覆蓋頁面20px高度–iphone4和itouch4的Retina屏幕爲40px)。