移动端meta标签的作用

<!-- 强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览; -->
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<!-- 忽略将页面中的数字识别为电话号码  -->
<meta content="telephone=no" name="format-detection" />
<!-- 关键字搜索  -->
<meta name="Keywords" content="云沐互动"/>
<!-- 描述 -->
<meta name="description" content="云沐互动"/>
<!-- iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览 -->    
<meta content="yes" name="apple-mobile-web-app-capable" />    
<!-- iphone的私有标签,它指定的iphone中safari顶端的状态条的样式(默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。) -->
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<!-- 删除默认的苹果工具栏和菜单栏   -->
<meta content=”yes” name=”apple-mobile-web-app-capable”/>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。