javascript - Que signifie le paragraphe suivant sur les méta?
高洛峰
高洛峰 2017-05-19 10:41:48
0
3
622
<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">

Quel maître peut l'expliquer en détail et partager également la collection complète d'utilisation des méta écrites par ce maître

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

répondre à tous(3)
迷茫
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

Ces deux étiquettes sont spécifiques à Apple. Configurez cette page pour qu'elle soit lancée à partir de l'écran d'accueil et utilise le plein écran. En mode plein écran, le style de la barre d'état est noir.

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

Ces deux balises sont d'anciennes balises de l'ère des téléphones multifonctions, utilisées pour marquer les pages de la version mobile, et sont maintenant pratiquement abandonnées.

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

Ceci est un tag responsive.
width=device-width stipule que la largeur de la fenêtre d'affichage est égale à la largeur de l'écran ;
target-densitydpi=160dpi est la balise de mise à l'échelle de l'ancienne ère Android, qui a maintenant été abandonnée par WebKit ; 🎜#initial-scale= 1.0 est le taux de zoom par défaut ;
maximum-scale=1 est le taux de zoom maximum ;
user-scalable=no indique si les utilisateurs sont autorisés à zoomer ; -ui est un ancien label dédié à Apple, utilisé pour masquer la barre de navigation et la barre des tâches, iOS8 a été abandonné.

迷茫

Diverses méta-explications

曾经蜡笔没有小新
//删除苹果默认的工具栏和菜单栏
<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">

méta manuel

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal