本文介绍了 HTML meta常用属性
视窗宽度
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
其中 width=device-width 是设置视窗宽度为设备视窗宽度,还可以固定宽度,例如: width=640 则是640px的宽度(常见于微信);
initial-scale=1.0 :设置缩放比例为1.0;
minimum-scale=1.0 和 maximum-scale=1.0 :最小缩放比例和最大缩放比例;
user-scalable=no :禁止用户自由缩放,user-scalable 默认值为 yes 。
提示:刚刚那个是带全部参数的,一般常用的,有 user-scalable=no 就不用使用 minimum-scale=1.0 和 maximum-scale=1.0 来强制禁止缩放了。
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
自动识别格式
<meta name="format-detection" content="telephone=no"/>
content 里面的参数:telephone=no 是禁止浏览器自动识别手机号码,email=no 是禁止浏览器自动识别Email。
完整模板
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="format-detection" content="email=no"/>
发表评论
取消回复