H5页面窗口自动调整到设备宽度，并禁止用户缩放页面
//一、HTML页面结构 <meta name=http://www.likecs.com/"viewport" content=http://www.likecs.com/"width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> // width 设置viewport宽度，为一个正整数，或字符串‘device-width’ // height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置 // initial-scale 默认缩放比例，为一个数字，可以带小数 // minimum-scale 允许用户最小缩放比例，为一个数字，可以带小数 // maximum-scale 允许用户最大缩放比例，为一个数字，可以带小数 // user-scalable 是否允许手动缩放 //二、JS动态判断 var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var ua = navigator.userAgent; if (/Android (\d+\.\d+)/.test(ua)){ var version = parseFloat(RegExp.$1); if(version>2.3){ document.write(\'<meta content="width=640, minimum-scale = \'+phoneScale+\', maximum-scale = \'+phoneScale+\', target-densitydpi=device-dpi">\'); }else{ document.write(\'<meta content="width=640, target-densitydpi=device-dpi">\'); } } else { document.write(\'<meta content="width=640, user-scalable=no, target-densitydpi=device-dpi">\'); }H5空白页基本meta标签
<!-- 设置缩放 --> <meta name=http://www.likecs.com/"viewport" content=http://www.likecs.com/"width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> <!-- 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） --> <meta name=http://www.likecs.com/"apple-mobile-web-app-capable" content=http://www.likecs.com/"yes" /> <!-- 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ） --> <meta name=http://www.likecs.com/"apple-mobile-web-app-status-bar-style" content=http://www.likecs.com/"black" /> <!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 --> <meta name=http://www.likecs.com/"format-detection"content="telephone=no, email=http://www.likecs.com/no" />PC端基础meta标签
<!-- 页面关键词--> <meta name=http://www.likecs.com/"keywords" content=http://www.likecs.com/"your tags" /> <!-- 页面描述--> <meta name=http://www.likecs.com/"description" content=http://www.likecs.com/"150 words" /> <!-- 搜索引擎索引方式：robotterms是一组使用逗号(,)分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。确保正确使用nofollow和noindex属性值。--> <meta name=http://www.likecs.com/"robots" content=http://www.likecs.com/"index,follow" /> <!-- all：文件将被检索，且页面上的链接可以被查询； none：文件将不被检索，且页面上的链接不可以被查询； index：文件将被检索； follow：页面上的链接可以被查询； noindex：文件将不被检索； nofollow：页面上的链接不可以被查询。 --> <!-- 页面重定向和刷新：content内的数字代表时间（秒），既多少时间后刷新。如果加url,则会重定向到指定网页（搜索引擎能够自动检测，也很容易被引擎视作误导而受到惩罚）。--> <meta http-equiv=http://www.likecs.com/"refresh" content=http://www.likecs.com/"0;url=" />页面缓存设置
<!-- 清除缓存 --> <meta http-equiv=http://www.likecs.com/"pragma" content=http://www.likecs.com/"no-cache"> <meta http-equiv=http://www.likecs.com/"cache-control" content=http://www.likecs.com/"no-cache"> <meta http-equiv=http://www.likecs.com/"expires" content=http://www.likecs.com/"0">