移動平台前端開發之WebApp代碼技巧

標籤：style   blog   http   strong   width   html   

1、首先我們來看看webkit核心中的一些私人的meta標籤，這些meta標籤在開發webapp時起到非常重要的作用

1. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
2. <meta content="yes" name="apple-mobile-web-app-capable" />
3. <meta content="black" name="apple-mobile-web-app-status-bar-style" />
4. <meta content="telephone=no" name="format-detection" />

第一個meta標籤表示：強制讓文檔的寬度與裝置的寬度保持1:1，並且文檔最大的寬度比例是1.0，且不允許使用者點擊螢幕放大瀏覽；
第二個meta標籤是iphone裝置中的safari私人meta標籤，它表示：允許全螢幕模式瀏覽；
第三個meta標籤也是iphone的私人標籤，它指定的iphone中safari頂端的狀態條的樣式；
第四個meta標籤表示：告訴裝置忽略將頁面中的數字識別為電話號碼

 

文章摘自http://blog.sina.com.cn/s/blog_655388ed01016vpi.html