微信或移动端网页的meta
针对微信:
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<!--必须联网才可以访问,禁止浏览器从本地计算机的缓存中访问页面内容-->
<meta http-equiv="Cache-Control" name="no-store" />
<!--no-cache:不缓存--><!--no-store:缓存但不存档-->
<!--user-scalable=no是专门针对页面不能进行缩放-->
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-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识别,去除Android平台中对邮箱地址的识别-->
<meta content="telephone=no,email=no" name="format-detection" />
<!--windows phone 点击无高光-->
<meta name="msapplication-tap-highlight" content="no">
针对移动端网站:
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<!--开发后删除-->
<!--必须联网才可以访问,禁止浏览器从本地计算机的缓存中访问页面内容-->
<meta http-equiv="Cache-Control" name="no-store" />
<!--no-cache:不缓存--><!--no-store:缓存但不存档-->
<!--开发后删除以上的内容-->
<meta http-equiv="window-target" content="_top" />
<!--防止别人在框架里调用自己的页面-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
<meta name="HandheldFriendly" content="true" />
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320"/>
<!--user-scalable=no是专门针对页面不能进行缩放-->
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-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识别,去除Android平台中对邮箱地址的识别-->
<meta content="telephone=no,email=no" name="format-detection" />
<!--启用360浏览器的极速模式(webkit)-->
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!--UC强制竖屏-->
<meta name="screen-orientation" content="portrait">
<!--QQ强制竖屏-->
<meta name="x5-orientation" content="portrait">
<!--windows phone 点击无高光-->
<meta name="msapplication-tap-highlight" content="no">