前端设计>知识整理>正文
<!-- 设置缩放 -->
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui" /> <!-- 可隐藏地址栏,仅针对IOS的Safari(注:IOS7.0版本以后,safari上已看不到效果) --> <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 仅针对IOS的Safari顶端状态条的样式(可选default/black/black-translucent ) --> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <!-- IOS中禁用将数字识别为电话号码/忽略AndROId平台中对邮箱地址的识别 --> <meta name="format-detection"content="telephone=no,email=no" />
其他meta标签
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- 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">
本文链接:https://www.weguiding.com/zhishi/203.html
- 上一篇:4种盒子/容器垂直水平居中的方案
- 下一篇:页面渲染优化
猜你喜欢
- 19-01-24 HTML 文本格式化容易忽略的标签
- 19-01-24 前端常见跨域解决方案整理
- 19-01-24 viewport
- 19-01-24 Web前端开发代码规范——HTML/CSS规范
- 19-01-24 页面渲染优化
- 19-01-24 可能用到的meta标签
- 19-01-24 4种盒子/容器垂直水平居中的方案
- 19-01-24 meta标签及用法详解
- 19-01-24 CSS尺寸与边框
- 01-24meta标签及用法详解
- 01-24渐变样式设置
- 01-24HTML 文本格式化容易忽略的标签
- 01-24CSS尺寸与边框
- 01-244种盒子/容器垂直水平居中的方案
- 01-24Web前端开发代码规范——HTML/CSS规范
- 01-24页面渲染优化
- 01-24前端常见跨域解决方案整理
- 01-24viewport
- 01-24Web前端开发代码规范——HTML/CSS规范
- 01-24页面渲染优化
- 01-24可能用到的meta标签
- 01-244种盒子/容器垂直水平居中的方案
- 01-24meta标签及用法详解
- 01-24前端常见跨域解决方案整理
- 01-24viewport
- 01-24Web前端开发代码规范——HTML/CSS规范
- 01-24页面渲染优化
- 01-24可能用到的meta标签
- 01-244种盒子/容器垂直水平居中的方案
- 01-24meta标签及用法详解
- 图文推荐