关于移动端meta标签和JS兼容适配
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <meta name="format-detection" content="telephone=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> <!--移动端兼容适配 --> <script> // class ! function( navigator ) { var userAgent = navigator.userAgent; documentElement = document.documentElement; if ( userAgent.match( /micromessenger\/5/gi ) ) { documentElement.className += " mobile wx_mobile wx_mobile_5"; } else if ( userAgent.match( /micromessenger/gi ) ) { documentElement.className += " mobile wx_mobile"; } else if ( userAgent.match( /ucbrowser/gi ) ) { documentElement.className += " mobile uc_mobile"; } else if ( /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test( userAgent.toLowerCase() ) ) { documentElement.className += " mobile"; } else if ( userAgent.toLowerCase().match( /msie/gi ) && ( parseFloat( userAgent.toLowerCase().match( /msie ([0-9]{1,}[\.0-9]{0,})/i )[1] || 999 ) < 9 ) ) { documentElement.className += " pc pc-ie pc-ie8"; } else if ( userAgent.toLowerCase().match( /msie/gi ) || navigator.msPointerEnabled || navigator.pointerEnabled ) { documentElement.className += " pc pc-ie"; } else { documentElement.className += " pc"; } }( navigator ); // meta ! function( userAgent ) { var screen_w = parseInt(window.screen.width), scale = screen_w / 640; if ( /Android (\d+\.\d+)/.test( userAgent ) ) { var version = parseFloat( RegExp.$1 ); document.write( version > 2.3 ? ‘<meta name="viewport" content="width=640, minimum-scale = ‘ + scale + ", maximum-scale = " + scale + ‘, target-densitydpi=device-dpi">‘ : ‘<meta name="viewport" content="width=640, target-densitydpi=device-dpi">‘ ); } else { document.write( ‘<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">‘ ); } }( navigator.userAgent ); </script> <!--移动端兼容适配 end -->
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。