.btn{display: block;width:100%;padding:10px;border:none;cursor: pointer;outline: none;} .btn-primary{ font-size: 18px;padding: 15px;border-radius: 4px;color: white;background-color: #ff8a00;-moz-box-shadow: 0 3px 0 #e97005; -webkit-box-shadow: 0 3px 0 #e97005; box-shadow: 0 3px 0 #e97005;} .pd-15{padding-left:25px;padding-right:25px;} .orange{color:#ff6022;} .bold{font-weight: bold;} .share-wrapper{ background:url(../images/share_bg.png);background-size:cover;width:100%;} .main-content{padding-top: 30px} .title{margin-top: 10px;font-size: 22px;font-weight: bolder;color:#027794;} .text{color:#027794;font-size:16px;margin-bottom: 10px;} .hint{position:fixed;top:0;left:0;z-index:3000;display:none;} .hint .img{display: block;width:100%;height:auto;} #global-mask{position: fixed;z-index: 2000;left: 0;top:0;width:100%;height: 100%;background: #000;opacity:0.7;display: none;} @media (min-width: 400px){ .btn-primary{margin-top: 20px;} } @media (max-width: 320px){ .main-content{padding-top: 20px} .title{font-size:20px;} .text{padding: 0 40px;} .pd-15{padding-top: 0;} } #weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;} #weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;} #weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}

<link href="CSS/Untitled-3.css" rel="stylesheet" />
    <link href="CSS/Untitled-4.css" rel="stylesheet" />

/* ==========================================================================
   #CssReset
   ========================================================================== */

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  
  /* HTML5 display-role reset for older browsers */
  
  article, 
  aside, 
  details, 
  figcaption, 
  figure, 
  footer, 
  header, 
  hgroup, 
  menu, 
  nav, 
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol, 
  ul {
    list-style: none;
  }

   a img{
    border:none;
   }
   em,i{
    font-style:normal;
   }
  
  blockquote, 
  q {
    quotes: none;
  }
  
  blockquote:before, 
  blockquote:after,
  q:before, 
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  a{
    text-decoration:none;
    cursor:pointer;
    font-style:normal;
    outline:none;
    color:inherit;
  }
  a:link,a:visited,a:hover,a:active{   
    text-decoration:none; 
    color:inherit; 
  }     
  a:focus{  
   outline:0;   
  } 

  input{
    vertical-align:middle;
    border:0 none;
    -webkit-appearance: none;
  }
  input:focus{
    text-decoration:none;
    outline:none;
  }
  
  img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
    max-width: 100%;
    height:auto; 
  }

/* ==========================================================================
   #Grid
   ========================================================================== */
  *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .sec{
     width:100%;
     background:white;
  }

  .row{
      width:100%;
      padding:15px 0;
      overflow: hidden;
  }

  .row:after, .clearfix:after{
      clear:both;
      content:'';
      display: block;
      height:0;
      overflow:hidden;
   }

  .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
    float:left;
   }

  .span12{
      width:100%
    }
  .span11{
      width:91.66666667%
    }
  .span10{
      width:83.33333333%
    }
  .span9{
    width:75%
  }
  .span8{
    width:66.66666667%
  }
  .span7{
    width:58.33333333%
  }
  .span6{
    width:50%
  }
  .span5{
    width:41.66666667%
  }
  .span4{
    width:33.33333333%
  }
  .span3{
    width:25%
  }
  .span2{
    width:16.66666667%
  }
  .span1{
    width:8.33333333%
  }

  .col-offset-1{
    margin-left:4.33333333%
  }

  .pull-left{
    float: left;
  }

  .pull-right{
    float: right;
  }

  .text-center{
    text-align: center;
  } 

  .text-right{
    text-align: right;
  }

  .text-left{
    text-align: left;
  }


  .font12{
    font-size:1.2rem;
  }

  .font14{
    font-size:1.4rem;
  }

  .btn{
    width:100%;
    display: block;
  }

  .hide{
    display: none;
  }

  .block{
    display: block;
  }

  select{
    -webkit-appearance: none !important;
    background: #fafafa url('../images/arrow.png') no-repeat 0 0;
    background-position-x: 96%;
    background-position-y: center;
    border: 1px solid #ccc;
    padding: 0.5rem;
    font-size: 0.875rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
    width:98%;
    outline: none;
  }

  .wid50{
    width:50%;
  }


/* ==========================================================================
   #CustomCSS
   ========================================================================== */

  body {
      background:#daf3f9;
      font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size:14px;
      color: #434343;
      overflow-x:hidden;
    }

/* ==========================================================================
   #Browers
   ========================================================================== */
  a, div, header, span, input {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
  }

  

  html

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,requiresActiveX=true">
    <title>天下先APP下载</title>
    <link href="CSS/Untitled-3.css" rel="stylesheet" />
    <link href="CSS/Untitled-4.css" rel="stylesheet" />
</head>

<body>
    <div class=" share-wrapper full-screen">
        <div class="main-content text-center">
                <div class="share-header">
                <a href="http://apk.ymt.com/link?channel=FR_OP_PCTOP"><img src="images/ic_launcher.png" alt="天下先"></a>
            </div>
        	<div class="row">
        		<h1 class="title">天下先APP下载</h1>
        	</div>
        	<div class="row">
                        <p class="text"></p>
        	</div>
            <div class="row pd-15">
            <a id="J_weixin" class="android-btn" href="http://txxnby.xicp.cn:8091/TianXiaXian_3.4.apk"><button id="" class="btn btn-primary">免费下载天下先APP</button></a>
			<div id="weixin-tip"><p><img src="images/live_weixin.png" alt="微信扫描打开APP下载链接提示代码优化" alt="微信打开"/><span id="close" title="关闭" class="close">×</span></p></div>
           
            </div>
        </div>
    </div>
    <script>
        function handleFullScreenDiv() {
	var x = document.documentElement.clientHeight;
	var y = document.documentElement.clientWidth;
	var fullscreen = document.querySelector('.full-screen') || document.getElementByClassName('full-screen');
	var img = document.getElementById('img');

	fullscreen.style.minHeight = x + "px";
	img.style.minWidth = y + "px";

        }

        window.onresize = function() {
                handleFullScreenDiv();
        }
		
        function getQueryString(name) { 
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
            var r = window.location.search.substr(1).match(reg); 
            if (r != null) return unescape(r[2]); return null; 
        } 
        var review = getQueryString("review");
        if('yes' == review) {
            window.location.href = "ymtpage://com.ymt360.app.mass";
        }
        
		// var is_weixin = (function() { //判断微信UA
// 	var ua = navigator.userAgent.toLowerCase();
// 	if (ua.match(/MicroMessenger/i) == "micromessenger") {
// 		return true;
// 	} else {
// 		return false;
// 	}
// })();

var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})();
window.onload = function() {
	var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS,不需要的可以去掉
	var btn = document.getElementById('J_weixin');
	var tip = document.getElementById('weixin-tip');
	var close = document.getElementById('close');
	if (is_weixin) {
		btn.onclick = function(e) {
			tip.style.height = winHeight + 'px'; //兼容IOS弹窗整屏
			tip.style.display = 'block';
			return false;
		}
		close.onclick = function() {
			tip.style.display = 'none';
		}
	}
}
    </script>
</body>

</html>