9-05 7,148 views
移动端的name属性meta标签非常丰富，接触了一段时间移动端页面设计后，现整理出几个常用的meta标签name属性名及设置：
- <!-- 屏幕大小适应手机端-->
- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
- <!-- 删除苹果默认的工具栏和菜单栏 -->
- <meta name="apple-mobile-web-app-capable" content="yes">
- <!-- 设置苹果工具栏颜色，可自定义 -->
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
- <meta name="format-detection" content="telphone=no, email=no">
- <!-- uc强制竖屏 -->
- <meta name="screen-orientation" content="portrait">
- <!-- QQ强制竖屏 -->
- <meta name="x5-orientation" content="portrait">
- <!-- UC强制全屏 -->
- <meta name="full-screen" content="yes">
- <!-- QQ强制全屏 -->
- <meta name="x5-fullscreen" content="true">
- <!-- UC应用模式 -->
- <meta name="browsermode" content="application">
- <!-- QQ应用模式 -->
- <meta name="x5-page-mode" content="app">
- <!-- windows phone 点击无高光 -->
- <meta name="msapplication-tap-highlight" content="no">
- <!-- 禁用夜间模式，enable为可用 -->
- <meta name="nightmode" content="disable">
- <!-- 开启强制开启图片加载，即禁止部分浏览器的省流量模式（最好不要开启。。。） -->
- <meta name="imagemode" content="force">