linshi_temp_erweima_html

最新推荐文章于 2025-08-16 22:13:48 发布

转载最新推荐文章于 2025-08-16 22:13:48 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yousen/p/4764426.html

文章标签：

#移动开发 #javascript #ViewUI

本文档提供了邻食App的下载页面源代码，详细展示了使用HTML、CSS和JavaScript进行响应式网页设计的方法，包括设备适配、触摸滚动优化及根据不同设备类型跳转至相应下载链接的技术实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>