今天小編就簡單說下在手機版網站中需要添加哪幾種 Meta 標簽:
viewport
viewport 幾乎已經是公認的標準了,最初是由蘋果公司創建,用于 iPhone 上面的移動版 Safari,由于 iPhone 的大賣,大部分其他移動瀏覽器都接受,比如 Opera Mobile, iPhone, Android, Iris, IE, BlackBerry, Obigo, Firefox
最基本的例子,在移動上使站點全屏寬度:
meta name="viewport" content="width=device-width, initial-scale=1.0"/>
HandheldFriendly
這個標簽和下面介紹的 MobileOptimized 是功能機時代的事實上標簽。
HandheldFriendly 標簽最早在 AvantGo 瀏覽用來標示移動內容的,后來變成一個通用的標準用來標示移動站點,但是不知道這個標簽的支持情況。
meta name="HandheldFriendly" content="true"/>
MobileOptimized
這是一個 Windows 專有的 meta 標簽也最終成為用于識別移動內容的另一種方法,但是該標簽的缺點是,特定的寬度必須給出,再次,這個標簽的支持情況也是未知的:
meta name="MobileOptimized" content="320"/>