1、
"viewport
" content="
width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no
" />
這是乙個移動端最常用的meta，定義頁面的縮放，如上代表寬度以終端寬度為準，並且不允許使用者縮放，更多屬性如下：
width -- 寬度（範圍從200到10,000，預設為980畫素/device-width縮放至終端寬度）
height -- 高度（範圍從223到10,000）
initial-scale -- 初始的縮放比例 （範圍從 > 0 到 10）
minimum-scale -- 允許使用者縮放到的最小比例
maximum-scale -- 允許使用者縮放到的最大比例
user-scalable -- 使用者是否可以手動縮放 (no，yes)
target-densitydpi -- dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi 定義為每英吋點的數量（dpi）
2、
"format-detection
" content="
telephone=no
" />
禁止把數字轉化為撥號鏈結
3、
"email=no
" name="
format-detection
" />
禁止把郵箱位址作為郵件傳送
4、
"" content="
yes" />
"" content="
black
" />
默 認值為 default（白色），可以定為black（黑色）和black-translucent（灰色半透明），需要說明的是值為「black- translucent」將會佔據頁面位置，浮在頁面上方（會覆蓋頁面 20px高度 iphone4和itouch4的retina螢幕為40px）
6、
"" content="
yes">
1、
"" href="
iphone_logo.png
" sizes="
72x72
" />
ios裝置
最適尺寸(px)
iphone 和 itouch
57 x 57
retina iphone 和 retina itouch
114 x 114
ipad
72 x 72
retina ipad
144 x 144
如果沒有指明 屬性的大小，則預設值為57×57。
如果所有的 標籤序列中都沒有符合官方推薦的最適尺寸的話，那麼ios會從所有比推薦的最適尺寸大的圖示中選擇尺寸最小的那乙個，如果所有的
"" href="
logo_startup.png
" media="
(device-width: 320px)
" />
這個 link 就是設定啟動時候的介面，可用**查詢呼叫不同
輕量級的移動 webapp 框架Jingle
一大早爬起來，發現這樣的乙個東東，國產，感覺實用性很強，試著用用。1.28補記 試著用jingle做了乙個 的移動版，感覺如果在布局上要求不高的話 目前支援的布局只有list，還是挺不錯，做東西很快。忽然想到這可能也是一種心法，少即是多。當我心中設想著很多複雜效果時，發現沒有可用的工具 但一旦我確定...
移動平台的WebApp之Meta標籤
對於桌面平台web布局中大家對meta標籤再熟悉不過了，它永遠位於 head 元素內部，對做seo的朋友一定對meta有種特殊的感情吧，今天我們就來說說移動平台的meta標籤，在移動平台meta標籤究竟有哪些神奇的功效呢？1 meta 之 viewport 因此我們必須改變viewport，我們就有...
常用的移動前端webapp互動細節
select的表現方式 pc端 select控制項在傳統pc桌面已經存在多年，由於在ie6等低版本瀏覽器容易造成層級錯亂，一直被一些ui框架所拋棄，而用div層去模擬。傳統的select控制項 移動裝置 而在移動裝置上,select 控制項的表現方式不太一樣，如下圖，分別是uc瀏覽器，小公尺的系統瀏...