meta标签的小拓展

时间:2022-12-23 05:41:28
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

    1、width : 控制viewport的大小,可以指定一个值,如600, 或者特殊的值,如device-width为设备的宽度(单位为缩放为100%的CSS的像素)

    2、height : 和width相对应,指定高度

    3、initial-scale : 初始缩放比例,页面第一次加载时的缩放比例

    4、maximum-scale : 允许用户缩放到的最大比例,范围从0到10.0

    5、minimum-scale : 允许用户缩放到的最小比例,范围从0到10.0

    6、user-scalable : 用户是否可以手动缩放,值可以是:①yes、 true允许用户缩放;②no、false不允许用户缩放

<meta name="apple-mobile-web-app-title" content="标题">

    添加到主屏时的标题

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

    是否启用 WebAPP 全屏模式

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 

    状态条颜色

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

    屏蔽数字自动识别为电话号码

<meta name="msapplication-TileColor" content="#000"/>

    Windows 8 磁贴颜色

<meta name="msapplication-TileImage" content="icon.png"/>

    Windows 8 磁贴图标

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

    页面描述

<meta name="keywords" content=""/>

    页面关键词