移动端适配

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

iphone浏览器全屏

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

格式检测

<meta name="format-detection" content="telephone=no, email=no, adress=no">

强制浏览器按照最新的标准去渲染

<meta http-equiv="X-UA-Compatible" content="IE=edg,chrome=1">

注:X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式,对于ie之外的浏览器是不识别的。

360指定浏览器内核渲染

<meta name="renderer" content="webkit|ie-comp|ie-stand">

注:浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页

百度禁止转码

<meta http-equiv="Cache-Control" content="no-siteapp" />

禁止自动翻译

<meta name="google" value="notranslate">

UC手机浏览器

<!-- 将屏幕锁定在特定的方向 -->
<meta name="screen-orientation" content="landscape/portrait">
<!-- 全屏显示页面 -->
<meta name="full-screen" content="yes">
<!-- 强制图片显示,即使是"text mode" -->
<meta name="imagemode" content="force">
<!-- 应用模式,默认将全屏,禁止长按菜单,禁止手势,标准排版,强制图片显示。 -->
<meta name="browsermode" content="application">
<!-- 禁止夜间模式显示 -->
<meta name="nightmode" content="disable">
<!-- 使用适屏模式显示 -->
<meta name="layoutmode" content="fitscreen">
<!-- 当页面有太多文字时禁止缩放 -->
<meta name="wap-font-scale" content="no">

 

本文为原创,未经授权,禁止任何媒体或个人自媒体转载
商业侵权必究,如需授权请联系[email protected]
标签: css3 html5