移动web开发meta标签的使用

一、meta标签

html代码中最关键的就是meta标签设置，开发移动端页面首先一定要设置viewport （可视区域）

device-width - 设备的宽度

initial-scale - 初始的缩放比例

minimum-scale - 允许用户缩放到的最小比例

maximum-scale - 允许用户缩放到的最大比例

user-scalable - 用户是否可以手动缩放

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

其次是一些辅助优化功能，常用的有如下meta标签：

 <!--苹果手机：会删除默认的工具栏和菜单栏，网站开启对web APP程序的支持-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--苹果手机：在web APP应用状态条（屏幕顶部条）的颜色，默认值为default（白色），
    可以定为black（黑色）和black-translucent（灰色半透明）。
    -->
    <meta name="app-mobile-web-app-status-bar-style" content="black">
    <!--禁止自动