webapp 关于meta 的几个设置

﹏ヽ暗。殇╰゛Y 2022-05-11 13:58 115阅读 0赞

meta标签提供了有关页面的信息，<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

width - 控制viewport的宽度 
    width = [pixel_value | device-width ]  含义：取个具体值或者设备的宽度（单位为缩放100%时css像素）
    
    height - 控制viewport的高度
    height = [pixel_value | device-height] 含义：取个具体值或者设备的高度（单位为缩放100%时css像素）
    
    initial-scale - 初始的缩放比例
    initial-scale = float_value页面的初始缩放比例，参数是一个浮点数，如果你设置的缩放比例为1，页面显示的时候会以target density分辨率的1:1来展现
    
    maximum-scale - 允许用户缩放到的最大比例
    maximum-scale = float_value 参数是一个浮点数，如果你设置的缩放比例为2，则最大只能缩放到2倍
    
    minimum-scale - 允许用户缩放到的最小比例
    minimum-scale = float_value 用法同上
    
    user-scalable 用户是否可以手动缩放
    user-scalable=[yes|no] 设置为yes允许用户随访，设置为no不允许用户缩放，同时maximum-scale，minimum-scale都要失效，因为根本不允许缩放
    
    target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]
    屏幕的像素密度由屏幕分辨率决定，通常值为每英寸的点的数量
    
    device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。
    high-dpi – 使用hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小。
    medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大， 像素密度设备相应缩小。 这是默认的target density.
    low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。
    <value> – 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。
    
    
    <meta name="format-detection" content="telephone=no"/>
    格式检测，通常有以下三个设置：
    
    telephone 
    作用：是否设置自动将你的数字转化为拨号连接 
    telephone=no 禁止把数字转化为拨号链接 
    telephone=yes 开启把数字转化为拨号链接，默认开启
    
    email 
    作用：告诉设备不识别邮箱，点击之后不自动发送 
    email=no 禁止作为邮箱地址 
    email=yes 开启把文字默认为邮箱地址，默认情况开启
    
    adress 
    作用：点击地址是否跳转至地图 
    adress=no 禁止跳转至地图 
    adress=yes 开启点击地址直接跳转至地图的功能, 默认开启