<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<title>邻食</title>
</head>
<style>
html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; font-size: 62.5% }
body { height: 100%; margin: 0; color: #333;background-color: #fff; -webkit-overflow-scrolling: touch; font-family:sans-serif,Microsoft YaHei; }
body, html, img { margin: 0; padding: 0; border: 0; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img_full { width: 100%; }
.row { position: relative; width: 100%; height: 100%; }
.down { width: 100%; position: absolute; top: 770px; }
.down_menu { width: 45%; margin: 0 auto; }
.down_menu img { display: block; cursor: pointer; }
.m1 { padding: 8px 6px; background: #5db820; border: none; color: #fff; }
</style>
<body>
<div class="row" id="down"><img src="../images/download/down_bg.jpg" class="img-responsive img_full">
<div class="down" id="down-m">
<div class="down_menu"> <img src="../images/download/down_menu@x2.png" class="img-responsive img_full" id="down-btn2" onClick="down();"> </div>
</div>
</div>
<script type="text/javascript">
var userAgent = window.navigator.userAgent.toLowerCase();
window.onload = function(){
re_size();
url_redirect();
}
window.onresize = function(){
re_size();
}
function re_size(){
var height = document.getElementById('down').offsetHeight;
document.getElementById('down-m').style.top = parseInt(height*0.225)+'px';
}
function down(){
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
window.location.href ="http://itunes.apple.com/cn/app/id999310673?mt=8";
} else if (/(Android)/i.test(navigator.userAgent)) {
window.location.href ="http://zybapp.com/res/app/android/Linshi-2.0.0.apk";
} else {
window.location.href ="http://linshiapp.com/";
};
}
</script>
</body>
</html>
转载于:https://www.cnblogs.com/yousen/p/4764426.html