【HTML】移动端常用meta
2019-06-19 本文已影响0人
大Q本Q
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8">
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<!-- Apple IOS原生浏览器 -->
<!-- 添加到主屏后设置状态栏的背景颜色； -->
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<!-- 忽略数字自动识别为电话号码； -->
<meta name="format-detection" content="telephone=no" />
<!-- 忽略数字自动识别为邮箱 -->
<meta name="format-detection" content="email=no">
<!-- 启动WebApp全屏模式； -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 百度 -->
<!-- 通过百度手机打开网页时，百度可能会对你的网页进行转码，脱下你的衣服，往你的身上贴狗皮膏药的广告，为此可在 head 内添加 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- QQ -->
<!-- 设置锁定横屏、竖屏显示模式，portrait（横屏），landscape（竖屏）-->
<meta name="x5-orientation" content="landscape">
<!-- 设置全屏显示页面 -->
<meta name="x5-fullscreen" content="true">
<!-- 360 -->
<!-- 设置 360 浏览器渲染模式：webkit 为极速内核，ie-comp 为 IE 兼容内核，ie-stand 为 IE 标准内核。 -->
<meta name="renderer" content="webkit">
<!-- 360 浏览器就会在读取到这个标签后，立即切换对应的极速核。 另外为了保险起见再加入 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!-- uc -->
<!-- 1.设置屏幕方向：portrait为横屏，landscape为竖屏； -->
<meta name="screen-orientation" content="landscape">
<!-- 2.设置全屏； -->
<meta name="full-screen" content="yes">
<title>Document</title>
</head>
<body>
</body>
</html>
