页面meta 适应页面的相关属性 设置

参考资料：https://www.jianshu.com/p/1ab5dfd96759

<meta name="viewport" content="width=device-width, initial-scale=1.0,shrink-to-fit=no">

meta：提供有关页面的元信息

viewport：虚拟的“窗口”（viewport）

width=device-width：width是页面可视区宽度，device-width是设备宽度

initial-scale=1.0：表示初始的缩放比例

shrink-to-fit=no：让网页的宽度自动适应手机屏幕的宽度（IOS9中）

 

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

format-detection——格式检测，用来检测html里的一些格式，主要与以下几个设置：

telephone——主要作用是是否设置自动将你的数字转化为拨号链接；
email——告诉设备不识别邮箱，点击之后不发送
address——是否开启点击地址直接跳转地图的功能，默认开启。

 

<meta name="author" content="ZHL" />

页面作者

 

<meta name="description" content="vCard" />

页面简介