02 2015
根據(jù)最新的手機網(wǎng)站開發(fā)原則,廊坊網(wǎng)站建設的工作人員給大家分享下,移動客戶端對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為不縮放),使頁面固定設備上面的大小。
注意:實際測試中發(fā)現(xiàn),HTC G7自身系統(tǒng)瀏覽器不支持這一條規(guī)則,能夠?qū)撁孢M行放大,一旦放大響應的box也隨之放大,導致俄頁面出現(xiàn)錯亂問題,解決方法:定義頁面的最小寬度 min-width,body{min-width: 300px;}。
第二個meta標簽表示:
使設備瀏覽網(wǎng)頁時對數(shù)字不啟用電話功能(不同設備解釋不同,itouch點擊數(shù)字為存入聯(lián)系人,iphone為撥打電話),忽略將頁面中的數(shù)字識別為電話號碼。
若需要啟用電話功能將telephone=yes即可,具體調(diào)用格式可以這樣書寫代碼<a href=”0316″>Call Me</a>,若在頁面上面有g(shù)oogle maps, iTunes和youtube的鏈接會在ios設備上打開相應的程序組件。