修改提交完成页面的适配

胡旷杰
1 parent 01df8c98
Showing 1 changed file with 101 additions and 67 deletions Show diff stats
EduResearch/src/Quiz.WebSite/Thanks.aspx
@@ -4,63 +4,97 @@
 <html>
 <head>
-<meta charset="utf-8">
-<meta name="format-detection" content="telephone=no">
-<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
-<meta name="apple-mobile-web-app-capable" content="yes">
-<meta name="apple-mobile-web-app-status-bar-style" content="black">
-<title>绍兴市教育局教育满意度调查</title>
-
+    <meta charset="utf-8">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <title>绍兴市教育局教育满意度调查</title>
+    <script>
+        window.onload = function () {
+            /*750代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是
+              为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/
+            getRem(750, 100)
+        };
+        window.onresize = function () {
+            getRem(750, 100)
+        };
+        function getRem(pwidth, prem) {
+            var html = document.getElementsByTagName("html")[0];
+            var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
+            html.style.fontSize = oWidth / pwidth * prem + "px";
+        }
+    </script>
+    <script>
+        // 适配pad padPro
+        /(pad|pod|iPad|iPod|iOS)/i.test(navigator.userAgent) && (head = document.getElementsByTagName('head'), viewport = document.createElement('meta'), viewport.name = 'viewport', viewport.content = 'target-densitydpi=device-dpi, width=480px, user-scalable=no', head.length > 0 && head[head.length - 1].appendChild(viewport));
+    </script>
-<%--<link href="http://vote.on168.com.cn/jindu/assets/reset.css" rel="stylesheet"/>
+    <%--<link href="http://vote.on168.com.cn/jindu/assets/reset.css" rel="stylesheet"/>
 <link href="http://vote.on168.com.cn/jindu/assets/style.css" rel="stylesheet"/>--%>
- <%--    <link href="assets/reset.css" rel="stylesheet" />
-    <link href="assets/style.css?v=3" rel="stylesheet" />--%>
-     <link href="https://szkj.shunzhi.net/jindu/shaoxing/assets/reset.css" rel="stylesheet" />
-    <link href="https://szkj.shunzhi.net/jindu/shaoxing/assets/style.css" rel="stylesheet" />
-<script src="http://vote.on168.com.cn/jindu/assets/jquery-1.8.3.min.js"></script>
+    <link href="assets/reset.css" rel="stylesheet" />
+    <link href="assets/style.css" rel="stylesheet" />
+    <%--     <link href="https://szkj.shunzhi.net/jindu/shaoxing/assets/reset.css" rel="stylesheet" />
+    <link href="https://szkj.shunzhi.net/jindu/shaoxing/assets/style.css" rel="stylesheet" />--%>
+    <script src="http://vote.on168.com.cn/jindu/assets/jquery-1.8.3.min.js"></script>
-<!--[if lte IE 9]>
+    <!--[if lte IE 9]>
 <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
 <![endif]-->
-<style>
-	html,body{  overflow:hidden;}
-    body.bodybg{  
-        background:url("images/sbg.png") no-repeat;
-        background-size:contain;
-    }
-	.footer{ position:relative;  z-index:10; color:#333; padding:5px 0; width:100%; margin-top:10%; text-align:center;}
-	.footer a{ color:#333;}
-    .thanks-top{
-        background: url(images/thankbox.png?v=3) no-repeat;
-        background-size: 100%;
-        height: 300px;
-        margin: 50px auto;
-        width: 80%;
-        background-origin: content-box;
-        padding-top: 70px;
-        text-align: center;
-    }
-        .thanks-top div {
-            height:34px;
-            line-height:34px;
+    <style>
+        html, body {
+            overflow: hidden;
+        }
+
+            body.bodybg {
+                background: url("images/sbg.png") no-repeat;
+                background-size: contain;
+            }
+
+        .footer {
+            position: relative;
+            z-index: 10;
+            color: #333;
+            padding: 5px 0;
+            width: 100%;
+            margin-top: 10%;
+            text-align: center;
+        }
+
+            .footer a {
+                color: #333;
+            }
+
+        .thanks-top {
+            background: url(images/thankbox.png?v=3) no-repeat;
+            background-size: 100%;
+            height: 300px;
+            margin: 50px auto;
+            width: 80%;
+            background-origin: content-box;
+            padding-top: 70px;
+            text-align: center;
         }
-</style>
+            .thanks-top div {
+                height: 34px;
+                line-height: 34px;
+            }
+    </style>
 </head>
 <body class="bodybg">
-	<header class="header">
+    <header class="header">
         <div class="mid">绍兴市教育局教育满意度调查</div>
     </header>
     <div class="thanks-top">
-        <div style="margin-top: 38px;font-size: 16px;font-weight: bold;">感谢您对本次调查</br>的支持！</div>
-      <%--  <div>在您的支持与建议中，</div>
+        <div style="margin-top: 38px; font-size: 16px; font-weight: bold;">感谢您对本次调查</br>的支持！</div>
+        <%--  <div>在您的支持与建议中，</div>
         <div>我们会将学校建设得更加美好！</div>--%>
     </div>
     <%--<img class="thanks-top" src="images/thankbox.png"/>--%>
-	<!--<section class="thanks-info">
+    <!--<section class="thanks-info">
     	<div class="box">
             <h3 class="thanks-title">参与者信息</h3>
             <div class="row"><span class="name">姓名：</span></div>
@@ -68,32 +102,32 @@
             <div class="row"><span class="schoolname">学校：</span></div>
         </div>
     </section>-->
-<%--    <section class="footer">
+    <%--    <section class="footer">
     	<img src="http://vote.on168.com.cn/jindu/images/copyright.gif"/> 杭州顺治科技股份有限公司
         <br/>客服热线：<a>400-826-2468</a>
     </section>--%>
     <img class="thanks-bottom" src="./images/sbox.png" />
     <script>
-	var winHeight = $(window).height();
-	var winWidth = $(window).width();
-	$(function() {
-	    //var bodyWidth = $('body').width();
-	    //if (winHeight > winWidth * 1.778) {
-	    //    $('body').css('height', winHeight);
-	    //} else {
-	    //    if (winHeight <= 480 || winHeight <= winWidth * 1.5) {
-	    //        $('body').css('height', bodyWidth * 1.778);
-	    //    } else {
-	    //        $('body').css('height', winHeight);
-	    //    }
-	    //}
+        var winHeight = $(window).height();
+        var winWidth = $(window).width();
+        $(function () {
+            //var bodyWidth = $('body').width();
+            //if (winHeight > winWidth * 1.778) {
+            //    $('body').css('height', winHeight);
+            //} else {
+            //    if (winHeight <= 480 || winHeight <= winWidth * 1.5) {
+            //        $('body').css('height', bodyWidth * 1.778);
+            //    } else {
+            //        $('body').css('height', winHeight);
+            //    }
+            //}
-	    var name = localStorage.getItem('name');
-	    var mobile = localStorage.getItem('mobile');
-	    var schoolname = localStorage.getItem('schoolname');
-	    var curmobile = '<%=mobile%>';
-        if (name == "underfined"||name==null) {
-            $.post("Ajax/GetInfo", { mobile: curmobile }, function(json) {
+            var name = localStorage.getItem('name');
+            var mobile = localStorage.getItem('mobile');
+            var schoolname = localStorage.getItem('schoolname');
+            var curmobile = '<%=mobile%>';
+        if (name == "underfined" || name == null) {
+            $.post("Ajax/GetInfo", { mobile: curmobile }, function (json) {
                 if (json.Status) {
                     if (json.Message == "") {
                         $('.box .name').text("姓名：未填写");
@@ -117,15 +151,15 @@
             $('.box .mobile').text("手机：" + mobile);
             $('.box .schoolname').text("学校：" + schoolname);
         }
-	    
-	});
-		
+
+    });
+
     </script>
-    
-    <div style="display:none;">
+
+    <div style="display: none;">
         <!-- #include file="cs.aspx" -->
-        <img src="<%= new CS("1259782995").TrackPageView()%>" width="0" height="0"/>
+        <img src="<%= new CS("1259782995").TrackPageView()%>" width="0" height="0" />
     </div>
     <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cspan id='cnzz_stat_icon_1275392955'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s5.cnzz.com/z_stat.php%3Fid%3D1275392955' type='text/javascript'%3E%3C/script%3E"));</script>
 </body>
-</html>
 \ No newline at end of file
+</html>