javascript - 下面这一段关于meta是什么意思呀？

问题描述

问 题

<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的用法全集分享一下呗

解决方案

<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是默认缩放比；
maximum-scale=1是最大缩放比；
user-scalable=no是是否允许用户缩放；
minimal-ui是苹果专用的旧标签，用来隐藏导航栏和任务栏，ios8已经废弃。

这篇关于javascript - 下面这一段关于meta是什么意思呀？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！