javascript - Apakah maksud perenggan berikut tentang meta?

Question

<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">

Tuan mana yang boleh menerangkannya secara terperinci, dan juga berkongsi koleksi lengkap penggunaan meta yang ditulis oleh tuan itu

Answer 1

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

Kedua-dua ini adalah label khusus Apple Tetapkan halaman ini untuk dilancarkan dari skrin utama dan gunakan skrin penuh Gaya bar status dalam mod skrin penuh.

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">

Kedua-dua ini adalah teg lama dari era telefon ciri, digunakan untuk menandakan halaman versi mudah alih, dan kini pada dasarnya ditinggalkan.

<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">

Ini adalah tag responsif.
width=device-width menyatakan bahawa lebar viewport adalah sama dengan lebar skrin; nisbah penskalaan lalai;
skala maksimum=1 ialah nisbah zum maksimum
boleh skala pengguna=tidak ialah sama ada pengguna dibenarkan mengezum
minimal-ui ialah label khusus Apple yang digunakan untuk menyembunyikan bar navigasi dan bar tugas; , yang telah ditinggalkan dalam ios8.

Answer 2

Pelbagai penjelasan meta

Answer 3

//删除苹果默认的工具栏和菜单栏
<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 manual