隨著互聯網的發展，移動端已鯨吞蠶食成為時代的主流。“前端”這兩個字對于我們這個時代并不算陌生，但是做前端的朋友們有沒有對meta整理不全的，給大家整理一下手機移動端meta基礎：

1. H5頁面窗口自動調整到設備寬度，并禁止用戶縮放頁面

<meta name="viewport" content="width=device-width,initial-scale=1.0,
minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

2. 忽略將頁面中的數字識別為電話號碼

<meta name="format-detection" content="telephone=no" />

3. 當網站添加到主屏幕快速啟動方式，可隱藏地址欄，僅針對ios的safari

<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- ios7.0版本以后，safari上已看不到效果 -->

4. 將網站添加到主屏幕快速啟動方式，僅針對ios的safari頂端狀態條的樣式

<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 可選default、black、black-translucent -->

5. 取消siteapp自動轉碼，在全站頭部加個meta

<meta http-equiv="Cache-Control" content="no-siteapp">

當然也有一個很常見的問題：就是用font-size是選擇px還是rem，對于這個問題我時常也是糾結該怎么用，他們的效果是不是一樣的？經過查找資料總結：對于只需要適配少部分手機設備，且分標率對頁面影響不大的，使用px即可。對于需要適配各種移動設備，使用rem，例如只需要適配iPhone和iPad等分辨率差別比較挺大的設備。