<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">
Which master can explain it in detail, and also share the complete collection of the usage of meta written by that master
These two are Apple-specific labels. Set this page to be launched from the home screen and use full screen. The style of the status bar in full screen mode is black.
These two are old tags from the feature phone era, used to mark mobile version pages, and are now basically abandoned.
This is a responsive tag.
width=device-width specifies that the viewport width is equal to the screen width;
target-densitydpi=160dpi is the scaling tag of the old Android era, which has now been abandoned by WebKit;
initial-scale=1.0 is the default scaling ratio;
maximum- scale=1 is the maximum zoom ratio;
user-scalable=no is whether users are allowed to zoom;
minimal-ui is an old label dedicated to Apple, used to hide the navigation bar and taskbar, and has been abandoned in ios8.
Various meta explanations
meta manual