应用媒介查询制作响应式导航栏

（1）使用viewport标签在手机浏览器上控制布局

<meta name="viewport" content="width=device-width,initial-scale=1.0">

（2）通过快捷方式打开时全屏显示
<meta name="apple-mobile-web-app-capable" content="yes"/>

（3）隐藏状态栏
<meta name="apple-mobile-web-app-status-bar-style" content="blank"/>

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