對於桌面平台web布局中大家對meta標籤再熟悉不過了，它永遠位於 head 元素內部，對做seo的朋友一定對meta有種特殊的感情吧，今天我們就來說說移動平台的meta標籤，在移動平台meta標籤究竟有哪些神奇的功效呢？
1、meta 之 viewport
因此我們必須改變viewport，我們就有如下幾種屬性值可以設定：
width: viewport 的寬度 （範圍從 200 到 10,000 ，預設為 980 畫素 ） height: viewport 的高度 （範圍從 223 到 10,000 ） initial-scale: 初始的縮放比例 （範圍從》0到 10 ） minimum-scale: 允許使用者縮放到的最小比例 maximum-scale: 允許使用者縮放到的最大比例 user-scalable: 使用者是否可以手動縮放
對於這些屬性，我們可以設定其中的乙個或者多個，並不需要你同時都設定，iphone 會根據你設定的屬性自動推算其他屬性值 ，而非直接採用預設值。
如果你把initial-scale=1 ，那麼 width 和 height在豎屏時自動為320*356 （不是320*480 因為位址列等都佔據空間 ），橫屏時自動為 480*208。類似地 ，如果你僅僅設定了 width ，就會自動推算出initial-scale 以及height。例如你設定了 width=320 ，豎屏時 initial-scale 就是 1 ，橫屏時則變成 1.5 了。 那麼到底這些設定如何讓 safari 知道 ？其實很簡單 ，就乙個 meta ，形如 ：
設定了meat後我們頁面將如此呈現了：
好了，我們就可以按全屏來布局我們的頁面了，不用再擔心頁面顯示的很小了！
2、meta 之 format-detection
telephone=no就禁止了把數字轉化為撥號鏈結！ telephone=yes就開啟了把數字轉化為撥號鏈結，要開啟轉化功能，這個meta就不用寫了,在預設是情況下就是開啟！
這meta的作用就是刪除預設的蘋果工具欄和選單欄。content有兩個值」yes」和」no」,當我們需要顯示工具欄和選單欄時，這個行meta就不用加了，預設就是顯示。
摘自：
移動平台之EPOC
在 一文中，介紹了 移動平台之brew，本文簡單介紹乙個 epoc。在pda市場上，epoc是windowsce和palmos強有力的競爭對手。據推估，到2004年palmos仍占有4成以上江山，wince與epoc的崛起，將使整個掌上型裝置形成三強鼎立，其他作業系統則面臨被淘汰命運。pda市場可謂...
WebApp最佳實踐使用者體驗篇之移動設計
有三個元素是打造優秀的移動使用者體驗不可或缺的 環境，資訊架構，以及視覺設計。這一章重點關注視覺設計部分。視覺設計是你的所有設計的乙個最直觀的表現 它關係到使用者對你的應用的第一印象。好的設計能夠提公升使用者對你的 或是應用程式的期望值 而壞的設計將導致使用者降低對你的服務的期待。這給移動設計提出了...
輕量級的移動 webapp 框架Jingle
一大早爬起來，發現這樣的乙個東東，國產，感覺實用性很強，試著用用。1.28補記 試著用jingle做了乙個 的移動版，感覺如果在布局上要求不高的話 目前支援的布局只有list，還是挺不錯，做東西很快。忽然想到這可能也是一種心法，少即是多。當我心中設想著很多複雜效果時，發現沒有可用的工具 但一旦我確定...