001-移动端页面头部设置

Posted 2020-11-19 lisy001

1 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
2 <meta name="apple-mobile-web-app-capable" content="yes">
3 <meta name="apple-touch-fullscreen" content="yes">
4 <meta name="apple-mobile-web-app-status-bar-style" content="black">
5 <meta name="format-detection" content="telephone=no">
6 <title>Title</title>
7 <link rel="apple-touch-icon-precomposed" href="images/">
8 <link rel="apple-touch-startup-image" href="images/">
9 <link rel="stylesheet" href="css/style.css">

 

第2、3行都是全屏

第4行是电池电量条的背景颜色不让手机识别

这meta的作用就是删除默认的苹果工具栏和菜单栏。

content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。

第5行format-detection翻译成中文的意思是“格式检测”

一、telephone

meta name="format-detection" content="telephone=no"

meta name="format-detection" content="email=no"

meta name="format-detection" content="adress=no" 

也可以连写：meta name="format-detection" content="telephone=no,email=no,adress=no"

telephone=no就禁止了把数字转化为拨号链接！
telephone=yes就开启了把数字转化为拨号链接，要开启转化功能，这个meta就不用写了,在默认是情况下就是开启！

二、email

告诉设备不识别邮箱，点击之后不自动发送

email=no禁止作为邮箱地址！
email=yes就开启了把文字默认为邮箱地址，这个meta就不用写了,在默认是情况下就是开启！

三、adress

adress=no禁止跳转至地图！
adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启！