wap页面meta标签及作用

1：<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" name="viewport">

　　适配不同的手机屏幕

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

　　删除默认的苹果工具栏和菜单栏。

　　content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。

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

       “apple-mobile-web-app-status-bar-style”作用是控制状态栏显示样式，

　　两个值： block   black-translucent

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

　　格式检测

　　浏览器会默认把串数字，地址型的文字检测解析成电话，邮箱，地址并直接可以拨打跳转地址链接，此meta的作用是禁止解析；

5：阻止chrome浏览器翻译页面

　　

<meta name="google" content="notranslate" />

转载于:https://www.cnblogs.com/wtt52800/p/7280890.html