控制APP端，各种浏览器兼容问题，自适应尺寸
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi">
<script type="text/javascript" src="<{$resource_js_dir}>jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="<{$resource_js_dir}>application.function.js"></script>
<style type="text/css">
*{margin:0;padding:0;}
ul,ol,dl,dt,dd,p{margin:0 auto;padding:0px;}
body{font-family:'Microsoft Yahei','黑体-简','XinGothic-SinaWeibo','Simsun';padding:0;margin:0 auto;font-size:28px;}
img{border:none;}
a{ text-decoration:none;}
li{ list-style:none;}
.contnet{width:640px; height:auto; margin:0 auto;padding:0;color:#787878; padding-bottom:50px;position:relative;}
.spcont{ padding:35px 32px; padding-bottom:0px;}
.spcont p{ text-indent:50px; font-size:28px; line-height:40px;padding-top:15px; color:#333;}
.spnav{ font-size:36px; font-weight:bold;color:#eb4a4a;}
.spced{ font-size:30px;font-weight:600; color:#333; padding-top:25px;}
.spbtn01,.spbtn02{ padding:20px 0px;}
.spbtn01{width:553px; height:91px; display:block; background:url(<{$resource_dir}>spbtn01_0825.jpg) no-repeat; margin:0 auto;}
.spbtn02{width:553px; height:91px; display:block; background:url(<{$resource_dir}>spbtn02_0825.jpg) no-repeat; margin:0 auto;}
.tn{width:553px; height:130px; position:fixed; bottom:0px;left:7%;}
</style>
</head>
<body style="background-color:#f0f0f0;">
<div id="app77_contnet" class="contnet" style="display:none;">
<p><img src="<{$resource_dir}>gban_0825.jpg" /></p>
<div class="spcont">
<div class="spnav">七七储值券的作用</div>
<div class="spced">1. 吸引客流，预先购买</div>
<p style="color:#555;height:355px;">七七随身餐厅拥有1000万会员，能够帮助您的餐厅吸引更多顾客，提高销售额。据某权威网站报道，武汉一家餐厅开通储值券业务后，平均每天增加13单左右销售额。七七合作商家如果使用储值券，能够带来每天至少10单的提升，每单价格在300元左右的话，一个月将新增加近9万元的营业额。并且，用户预先购买储值券，可为您带来充裕的资金储备，解决手头资金紧张的问题。</p>
<div class="spced">2. 锁定忠实顾客</div>
<p style="color:#555;height:240px;">研究表明，一个长期的忠实顾客一年能为一个餐厅带来的营业额大约为6000元以上。而七七储值券的主要目的就是为了帮助商家锁定忠实顾客，储值券的促销优惠功能会刺激顾客到店多次消费，精确抓住顾客的消费需求，能够帮助餐厅提升200%的潜在营业额。</p>
<div class="spced">3. 精准会员营销</div>
<p style="color:#555;height:275px;">商家免费得到七七会员账户、姓名、性别、年龄、生日、注册时间、累计消费次数等详细信息，清晰餐厅的消费人群和自身定位，做出经营方向调整。可根据相关数据进行精准人群的促销活动，帮您提高效率3倍以上，带来收益提升300%，并能主动向顾客推送餐厅的最新促销信息，拉动到店消费。</p>
<div class="spnav" style="padding-top:40px;">加入方式</div>
<p style="text-indent:0px;padding-top:30px;">方式一：</p>
<div class="spbtn01"></div>
<ul style="height:80px;">
<li style="padding-top:0px;">*大客户经理到店与商户确认是否开通功能 </li>
<li>*确认开通后，七七后台人工免费开通</li>
</ul>
<p style="text-indent:0px;padding-top:50px;">方式二：</p>
<div class="spbtn02"></div>
<ul style="height:80px;">
<li style="padding-top:0px;">*拨打客服电话申请开通</li>
<li>*大客户经理上门洽谈合作细则</li>
</ul>
</div>
</div>
<div id="app77_loading" style="display:none;">Loading...</div>
<script type="text/javascript">
var APP77 = {
width: 0,
curwidth:640,
curshow:0,
settime:null,
idload:'app77_loading',
idcontent:'app77_contnet',
init: function(_idc, _idl){
if(_idc != undefined && typeof(_idc)=='string' && _idc.length > 0) this.idcontent = _idc;
if(_idl != undefined && typeof(_idl)=='string' && _idl.length > 0) this.idload = _idl;
this.init_window();
APP77.settime = setTimeout(function(){if(!APP77.curshow){$('#'+APP77.idload).show();}}, 3000);
this.show();
$(window).bind('resize load', APP77.show);
},
init_window: function(){
this.width = $(window).width();
this.curwidth = $('#'+APP77.idcontent).width();
},
show: function(){
var _css = {'zoom':1};
_css.zoom = APP77.width/APP77.curwidth;
$(document.body).css(_css);
$('#'+APP77.idcontent).fadeIn('slow');
$('#'+APP77.idload).hide();
APP77.curshow = 1;
if(APP77.settime) clearTimeout(APP77.settime);
},
get_dev: {
is_android: function(){return navigator.userAgent.match(/Android/i) ? true : false;},
is_ios: function(){return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;},
is_other: function(){return (!APP77.get_dev.is_android() && !APP77.get_dev.is_ios());}
},
get_ref: function(){
if(typeof(document.referrer) == 'string') return document.referrer;
return '';
},
is_to_ios: function(){
if(APP77.get_ref().indexOf('T=IPHONE') > 0){
return true;
}else{
return false;
}
}
};
/**
* @name: getu
* @description: 请求统计
* @param: string 当前令牌
* @return: void
**/
function send_count(u){
if(u == undefined || typeof(u)!='string' || u.length < 1) return false;
$.ajax({
url:'<{$url}>&_t='+(new Date()).getTime(),
type:'POST',
data:{'U':u,'op':'count'},
dataType:'json',
success:function(_rdata){}
});
}
$(document).ready(function(){
APP77.init();
var t = '<{$t}>';
if(t == '2'){ //iphone
if(APP77.is_to_ios()) window.location.href = 'qiqinet://getdata?{"parem":"u","method":"send_count"}';
}else{ //android
if(typeof(clickDispose) != 'undefined') send_count(clickDispose.getdata('u'));
}
});
</script>
</body>
</html>
控制APP端，各种浏览器兼容问题，自适应尺寸