为了账号安全,请及时绑定邮箱和手机立即绑定

下面这一段关于meta是什么意思呀?

下面这一段关于meta是什么意思呀?

料青山看我应如是 2018-11-14 10:14:59
<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的用法全集分享一下呗
查看完整描述

1 回答

?
莫回无

TA贡献1865条经验 获得超7个赞

<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已经废弃。


查看完整回答
反对 回复 2018-12-07
  • 1 回答
  • 0 关注
  • 586 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信