一、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">
<!--禁止自动