Meta 基础知识

来源：互联网发布：手机激光测距软件编辑：程序博客网时间：2024/06/08 08:45

H5页面窗口自动调整到设备宽度，并禁止用户缩放页面

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

meta viewport 有6个属性(暂且把content中的那些东西称为一个个属性和值)，如下：

width设置layout viewport 的宽度，为一个正整数，或字符串"width-device"initial-scale设置页面的初始缩放值，为一个数字，可以带小数minimum-scale允许用户的最小缩放值，为一个数字，可以带小数maximum-scale允许用户的最大缩放值，为一个数字，可以带小数height设置layout viewport 的高度，这个属性对我们并不重要，很少使用user-scalable是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许

忽略将页面中的数字识别为电话号码

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

忽略Android平台中对邮箱地址的识别

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

当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari

<!-- ios7.0版本以后，safari上已看不到效果 -->

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

1 0