网站首页 » 前端开发 » HTML5 » H5 中关于 Mate 的基本配置项
上一篇:
下一篇:

H5 中关于 Mate 的基本配置项

做 H5 页面最重要的就是在各大浏览器及各大手机屏幕中做一些兼容设置或者单独设置。下面就是收集一些 H5 页面中的 Mate 配置项:

看这里
<!-- 设置 viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1" />
<!-- 启用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">
<!-- 隐藏工具栏和菜单栏 IOS 专用-->
<meta content="yes" name="apple-mobile-web-app-capable">

直接把上面的代码拷贝到你的页面就可以了,拿走不谢!

  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/h5-mate-configuration-item/

Leave a Reply

Your email address will not be published. Required fields are marked *

评论 END