移动端头部meta

<meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" />

• width - 可视区域的宽度，值可为数字或关键词device-width

• height - viewport的高度

• initial-scale - 初始的缩放比例

• minimum-scale - 允许用户缩放到的最小比例

• maximum-scale - 允许用户缩放到的最大比例

• user-scalable - 用户是否可以手动缩放

• header 和 footer

<meta content="black" name="apple-mobile-web-app-status-bar-style">

控制状态栏显示样式

<meta name="format-detection" content="telephone=no"/>

不希望手机自动将网页中的电话号码显示为拨号的超链接

<meta name="format-detection"content="email=no"/>

不识别页面中出现的邮箱

<meta name="apple-touch-fullscreen" content="yes">

添加到主屏幕“后，全屏显示

<meta name="apple-mobile-web-app-capable"content="no"/>

作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”

<meta name="apple-itunes-app" content="app-id=569706824" />

这个标签是告诉iphone的safari浏览器，这个网站对应的app是什么，然后在页面上面显示一个下载banner

转载于:https://www.cnblogs.com/Marinnn/p/9353030.html