02 2015
根據最新的手機網站開發原則,廊坊網站建設的工作人員給大家分享下,移動客戶端對meta的定義有哪些,希望朋友們認真學習,以后可以用得上。
移動客戶端對meta的定義有幾項通用定義:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
<meta content="telephone=no" name="format-detection" />
第一個meta標簽表示:
強制讓文檔與設備的寬度保持1:1。
文檔最大的寬度比列是1.0(initial-scale初始刻度值和maximum-scale最大刻度值)。
user-scalable定義是否可縮放(0為不縮放),使頁面固定設備上面的大小。
注意:實際測試中發現,HTC G7自身系統瀏覽器不支持這一條規則,能夠對頁面進行放大,一旦放大響應的box也隨之放大,導致俄頁面出現錯亂問題,解決方法:定義頁面的最小寬度 min-width,body{min-width: 300px;}。
第二個meta標簽表示:
使設備瀏覽網頁時對數字不啟用電話功能(不同設備解釋不同,itouch點擊數字為存入聯系人,iphone為撥打電話),忽略將頁面中的數字識別為電話號碼。
若需要啟用電話功能將telephone=yes即可,具體調用格式可以這樣書寫代碼<a href=”0316″>Call Me</a>,若在頁面上面有google maps, iTunes和youtube的鏈接會在ios設備上打開相應的程序組件。