<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
width
控制viewport的大小,可以指定一个值或特殊的值。 如device-width为设备的宽度
initial-scale
初始缩放,即页面初始缩放程度。这是一个浮点值,是页面大小的一个乘数。例如,如果你设置初始缩放为1,那么web页面在展现的时候就会以target density分辨率1:1来 展示。如果你设置为2.0,那么这个页面就会放大为2倍。
maximum-scale
最大缩放,即允许的最大缩放程度。这也是一个浮点值,用以指出页面大小相比的最大乘数。例如,如果这个值设置为2,那么这个页面与target size相比,最多能放大2 倍。
user-scalable
用户调整缩放。即用户是否能改变页面缩放程度。如果设置为yes则是允许用户对其进行改变,反之为no。默认为yes,如果你将其设置为no,那么minimum-scale和 maximum-scale都将被忽略,因为根本不可能缩放。
<meta name="apple-mobile-web-app-capable" content="yes">
apple-mobile-web-app-capable
删除默认的苹果工具栏和菜单栏
content有2个值"yes"和"no",当我们需要显示工具栏和菜单栏时,这行就不用加 了,默认就是显示
<meta name="apple-mobile-web-app-status-bar-style" content="black">
用于控制状态栏显示样式
<meta name="format-detection" content="telephone=no">
你明明写的一串数字没加链接样式,而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号!想去掉这个拨号链接该如何操作呢?这时我们的meta又该大显神通了,代码如下:
telephone=no就禁止了把数字转化为拨号链接!
telephone=yes就开启了把数字转化为拨号链接,要开启转化功能,这个meta就不用写了,在默认是情况下就是开启!
二、email
告诉设备不识别邮箱,点击之后不自动发送
email=no禁止作为邮箱地址!
email=yes就开启了把文字默认为邮箱地址,这个meta就不用写了,在默认是情况下就是开启!
三、adress
adress=no禁止跳转至地图!
adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启!