xhkjedu
/
xh_web
Observar 6
Favorito 0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Ver código fonte

设置图片大小

gzb
wangzhonglu 1 ano atrás
pai
d2140d433d
commit
f6de1da940
10 arquivos alterados com 38 adições e 56 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 6
    0
      css/header.css
  2. 4
    5
      index.html
  3. 4
    5
      sections/about.html
  4. 4
    4
      sections/comm/header.html
  5. 4
    5
      sections/news.html
  6. 4
    5
      sections/news_detail.html
  7. 4
    5
      sections/product.html
  8. 4
    5
      sections/service.html
  9. 4
    5
      sections/trial.html
  10. 0
    17
      utils/rem.js

+ 6
- 0
css/header.css Ver arquivo 

@@ -15,6 +15,12 @@
15 15 
   margin-right: 0.08rem;
16 16 
   height: 0.32rem;
17 17 
 }
18 
+.header_box .header_left > img.header_logo {
19 
+  width: 0.39rem;
20 
+}
21 
+.header_box .header_left > img.header_title {
22 
+  width: 1.35rem;
23 
+}
18 24 
 .header_box .header_left .left_white {
19 25 
   display: inline-block;
20 26 
 }

+ 4
- 5
index.html Ver arquivo 

@@ -11,16 +11,15 @@
11 11 
     <link rel="stylesheet" href="./css/comm.css" />
12 12 
     <link rel="stylesheet" href="../css/header.css">
13 13 
     <link rel="stylesheet" href="./css/index.css" />
14 
-    <script src="./utils/rem.js"></script>
15 14 
   </head>
16 15 
   <body>
17 16 
     <div class="header_root">
18 17 
       <div class="header_box">
19 18 
         <div class="header_left">
20 
-          <img class="left_white" src="../img/logo_info/header_logo.png" />
21 
-          <img class="left_white" src="../img/logo_info/header_title.png" />
22 
-          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
23 
-          <img class="left_gray" src="../img/logo_info/header_title1.png" />
19 
+          <img class="left_white header_logo" src="../img/logo_info/header_logo.png" />
20 
+          <img class="left_white header_title" src="../img/logo_info/header_title.png" />
21 
+          <img class="left_gray header_logo" src="../img/logo_info/header_logo1.png" />
22 
+          <img class="left_gray header_title" src="../img/logo_info/header_title1.png" />
24 23 
         </div>
25 24 
         <div class="header_right">
26 25 
           <div data-nav="1" class="header_nav_item nav_1">

+ 4
- 5
sections/about.html Ver arquivo 

@@ -9,17 +9,16 @@
9 9 
     <link rel="stylesheet" href="../css/comm.css" />
10 10 
     <link rel="stylesheet" href="../css/header.css">
11 11 
     <link rel="stylesheet" href="../css/about.css" />
12 
-    <script src="../utils/rem.js"></script>
13 12 
     <title>关于我们</title>
14 13 
   </head>
15 14 
   <body>
16 15 
     <div class="header_root bg_white" data-nav_info="3">
17 16 
       <div class="header_box">
18 17 
         <div class="header_left">
19 
-          <img class="left_white" src="../img/logo_info/header_logo.png" />
20 
-          <img class="left_white" src="../img/logo_info/header_title.png" />
21 
-          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
22 
-          <img class="left_gray" src="../img/logo_info/header_title1.png" />
18 
+          <img class="left_white header_logo" src="../img/logo_info/header_logo.png" />
19 
+          <img class="left_white header_title" src="../img/logo_info/header_title.png" />
20 
+          <img class="left_gray header_logo" src="../img/logo_info/header_logo1.png" />
21 
+          <img class="left_gray header_title" src="../img/logo_info/header_title1.png" />
23 22 
         </div>
24 23 
         <div class="header_right">
25 24 
           <div data-nav="1" class="header_nav_item nav_1">

+ 4
- 4
sections/comm/header.html Ver arquivo 

@@ -122,10 +122,10 @@
122 122 
   <body>
123 123 
     <div class="header_box">
124 124 
       <div class="header_left">
125 
-        <img class="left_white" src="../../img/logo_info/header_logo.png" />
126 
-        <img class="left_white" src="../../img/logo_info/header_title.png" />
127 
-        <img class="left_gray" src="../../img/logo_info/header_logo1.png" />
128 
-        <img class="left_gray" src="../../img/logo_info/header_title1.png" />
125 
+        <img class="left_white header_logo" src="../img/logo_info/header_logo.png" />
126 
+        <img class="left_white header_title" src="../img/logo_info/header_title.png" />
127 
+        <img class="left_gray header_logo" src="../img/logo_info/header_logo1.png" />
128 
+        <img class="left_gray header_title" src="../img/logo_info/header_title1.png" />
129 129 
       </div>
130 130 
       <div class="header_right">
131 131 
         <div data-nav="1" class="header_nav_item nav_1">

+ 4
- 5
sections/news.html Ver arquivo 

@@ -11,16 +11,15 @@
11 11 
     <link rel="stylesheet" href="../css/comm.css" />
12 12 
     <link rel="stylesheet" href="../css/header.css">
13 13 
     <link rel="stylesheet" href="../css/news.css" />
14 
-    <script src="../utils/rem.js"></script>
15 14 
   </head>
16 15 
   <body>
17 16 
     <div class="header_root bg_white" data-nav_info="5">
18 17 
       <div class="header_box">
19 18 
         <div class="header_left">
20 
-          <img class="left_white" src="../img/logo_info/header_logo.png" />
21 
-          <img class="left_white" src="../img/logo_info/header_title.png" />
22 
-          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
23 
-          <img class="left_gray" src="../img/logo_info/header_title1.png" />
19 
+          <img class="left_white header_logo" src="../img/logo_info/header_logo.png" />
20 
+          <img class="left_white header_title" src="../img/logo_info/header_title.png" />
21 
+          <img class="left_gray header_logo" src="../img/logo_info/header_logo1.png" />
22 
+          <img class="left_gray header_title" src="../img/logo_info/header_title1.png" />
24 23 
         </div>
25 24 
         <div class="header_right">
26 25 
           <div data-nav="1" class="header_nav_item nav_1">

+ 4
- 5
sections/news_detail.html Ver arquivo 

@@ -11,16 +11,15 @@
11 11 
     <link rel="stylesheet" href="../css/comm.css" />
12 12 
     <link rel="stylesheet" href="../css/header.css">
13 13 
     <link rel="stylesheet" href="../css/news.css" />
14 
-    <script src="../utils/rem.js"></script>
15 14 
   </head>
16 15 
   <body>
17 16 
     <div class="header_root bg_white" data-nav_info="5">
18 17 
       <div class="header_box">
19 18 
         <div class="header_left">
20 
-          <img class="left_white" src="../img/logo_info/header_logo.png" />
21 
-          <img class="left_white" src="../img/logo_info/header_title.png" />
22 
-          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
23 
-          <img class="left_gray" src="../img/logo_info/header_title1.png" />
19 
+          <img class="left_white header_logo" src="../img/logo_info/header_logo.png" />
20 
+          <img class="left_white header_title" src="../img/logo_info/header_title.png" />
21 
+          <img class="left_gray header_logo" src="../img/logo_info/header_logo1.png" />
22 
+          <img class="left_gray header_title" src="../img/logo_info/header_title1.png" />
24 23 
         </div>
25 24 
         <div class="header_right">
26 25 
           <div data-nav="1" class="header_nav_item nav_1">

+ 4
- 5
sections/product.html Ver arquivo 

@@ -9,17 +9,16 @@
9 9 
     <link rel="stylesheet" href="../css/comm.css" />
10 10 
     <link rel="stylesheet" href="../css/header.css">
11 11 
     <link rel="stylesheet" href="../css/product.css" />
12 
-    <script src="../utils/rem.js"></script>
13 12 
     <title>产品中心</title>
14 13 
   </head>
15 14 
   <body>
16 15 
     <div class="header_root bg_white" data-nav_info="1">
17 16 
       <div class="header_box">
18 17 
         <div class="header_left">
19 
-          <img class="left_white" src="../img/logo_info/header_logo.png" />
20 
-          <img class="left_white" src="../img/logo_info/header_title.png" />
21 
-          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
22 
-          <img class="left_gray" src="../img/logo_info/header_title1.png" />
18 
+          <img class="left_white header_logo" src="../img/logo_info/header_logo.png" />
19 
+          <img class="left_white header_title" src="../img/logo_info/header_title.png" />
20 
+          <img class="left_gray header_logo" src="../img/logo_info/header_logo1.png" />
21 
+          <img class="left_gray header_title" src="../img/logo_info/header_title1.png" />
23 22 
         </div>
24 23 
         <div class="header_right">
25 24 
           <div data-nav="1" class="header_nav_item nav_1">

+ 4
- 5
sections/service.html Ver arquivo 

@@ -9,7 +9,6 @@
9 9 
     <link rel="stylesheet" href="../css/comm.css" />
10 10 
     <link rel="stylesheet" href="../css/header.css">
11 11 
     <link rel="stylesheet" href="../css/service.css" />
12 
-    <script src="../utils/rem.js"></script>
13 12 
     <title>服务案例</title>
14 13 
     <style>
15 14 
       body {

@@ -21,10 +20,10 @@
21 20 
     <div class="header_root bg_white" data-nav_info="2">
22 21 
       <div class="header_box">
23 22 
         <div class="header_left">
24 
-          <img class="left_white" src="../img/logo_info/header_logo.png" />
25 
-          <img class="left_white" src="../img/logo_info/header_title.png" />
26 
-          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
27 
-          <img class="left_gray" src="../img/logo_info/header_title1.png" />
23 
+          <img class="left_white header_logo" src="../img/logo_info/header_logo.png" />
24 
+          <img class="left_white header_title" src="../img/logo_info/header_title.png" />
25 
+          <img class="left_gray header_logo" src="../img/logo_info/header_logo1.png" />
26 
+          <img class="left_gray header_title" src="../img/logo_info/header_title1.png" />
28 27 
         </div>
29 28 
         <div class="header_right">
30 29 
           <div data-nav="1" class="header_nav_item nav_1">

+ 4
- 5
sections/trial.html Ver arquivo 

@@ -8,17 +8,16 @@
8 8 
     <link rel="stylesheet" href="../css/comm.css" />
9 9 
     <link rel="stylesheet" href="../css/header.css">
10 10 
     <link rel="stylesheet" href="../css/trial.css" />
11 
-    <script src="../utils/rem.js"></script>
12 11 
     <title>申请试用</title>
13 12 
   </head>
14 13 
   <body>
15 14 
     <div class="header_root bg_white" data-nav_info="4">
16 15 
       <div class="header_box">
17 16 
         <div class="header_left">
18 
-          <img class="left_white" src="../img/logo_info/header_logo.png" />
19 
-          <img class="left_white" src="../img/logo_info/header_title.png" />
20 
-          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
21 
-          <img class="left_gray" src="../img/logo_info/header_title1.png" />
17 
+          <img class="left_white header_logo" src="../img/logo_info/header_logo.png" />
18 
+          <img class="left_white header_title" src="../img/logo_info/header_title.png" />
19 
+          <img class="left_gray header_logo" src="../img/logo_info/header_logo1.png" />
20 
+          <img class="left_gray header_title" src="../img/logo_info/header_title1.png" />
22 21 
         </div>
23 22 
         <div class="header_right">
24 23 
           <div data-nav="1" class="header_nav_item nav_1">

+ 0
- 17
utils/rem.js Ver arquivo 

@@ -1,17 +0,0 @@
1 
-(function (doc, win) {
2 
-  var docEl = doc.documentElement,
3 
-    resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
4 
-    recalc = function () {
5 
-      var clientWidth = docEl.clientWidth; //获取设备尺寸
6 
-      if (!clientWidth) return;
7 
-      if (clientWidth >= 1920) {
8 
-        //设计稿宽度
9 
-        docEl.style.fontSize = "100px";
10 
-      } else {
11 
-        docEl.style.fontSize = 100 * (clientWidth / 1920) + "px";
12 
-      }
13 
-    };
14 
-  if (!doc.addEventListener) return;
15 
-  win.addEventListener(resizeEvt, recalc, false); //绑定事件
16 
-  doc.addEventListener("DOMContentLoaded", recalc, false);
17 
-})(document, window);

Escrever Pré-visualização
Carregando…
Cancelar
Salvar