<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">哪位大神可以詳細的解釋一下，還有就是那位大神寫的有關於meta的用法全集分享一下唄
迷茫2017-05-19 10:43:48
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
這兩個是蘋果專用的標籤，設定這個頁面可以從主螢幕啟動，並使用全螢幕，全螢幕模式下狀態列的樣式是黑色。
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
這兩個是功能機時代的舊標籤，用來標記手機版頁面，現在基本上廢棄了。
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
這個是響應式標籤。
width=device-width規定了視口寬度與螢幕寬度相等；
target-densitydpi=160dpi是安卓舊時代的縮放標籤，現在已經被WebKit廢棄；
initial-scale=1.0是預設縮放比；
max scale=1 是最大縮放比；
user-scalable=no是是否允許使用者縮放；
minimal-ui是蘋果專用的舊標籤，用來隱藏導覽列和任務欄，ios8已經廢棄。
曾经蜡笔没有小新2017-05-19 10:43:48
//删除苹果默认的工具栏和菜单栏
<meta name="apple-mobile-web-app-capable" content="yes">
//设置苹果工具栏颜色
<meta name="apple-mobile-web-app-status-bar-style" content="black">
// 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓
<meta name="HandheldFriendly" content="True">
// 微软的老式浏览器
<meta name="MobileOptimized" content="320">
// 优化移动浏览器的显示 css像素宽度等于设备像素宽度，不允许缩放
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">meta手冊