优化页面

about.html

@@ -55,7 +55,9 @@
                 <h2 class="title">业务<span class="rtext">覆盖</span></h2>
             </div>
             <div class="mcont">
-                <img src="images/ditu.png" alt="">
+                <a href="" target="_blank">
+                    <img src="images/ditu.png" alt="">
+                </a>
             </div>
         </div>
         <div class="section main-wrap addrcont">

contact.html

@@ -38,16 +38,16 @@
                     <ul class="items">
                         <li>
                             <img src="images/dianhua-yuankuang.png" alt="">
-                            <p>400-0707-091</p>
+                            <p><a href="tel:400-0707-091">400-0707-091</a></p>
                         </li>
                         <li>
                             <img src="images/dizhi.png" alt="">
-                            <p>杭州市西湖区弘德路256号云起·西溪谷商务中心C座6楼</p>
+                            <p><a href="" target="_blank">杭州市西湖区弘德路256号云起·西溪谷商务中心C座6楼</a></p>
                         </li>
                     </ul>
                 </div>
             </div>
-            <div class="cm-map full-wrap" style="background-image: url('images/map-test.png');"></div>
+            <a class="cm-map full-wrap" href="" target="_blank" style="background-image: url('images/map-test.png');"></a>
         </div>
         <div class="section main-wrap paragraph-content">
             <div class="paragraph">

css/reset.css

@@ -1,12 +1,15 @@
 * {
     padding: 0;
     margin: 0;
-    -webkit-tap-highlight-color:rgba(0,0,0,0);
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
+
 ul {
     list-style: none;
 }
+
 a {
     color: unset;
     text-decoration: none;
+    outline: none;
 }

css/style.css

@@ -273,6 +273,9 @@
 .section.article-detail .content {
   padding: 30px 0;
 }
+.section.article-detail .content img {
+  max-width: 100%;
+}
 .full-wrap.about {
   background-color: #F7F7F7;
 }
@@ -307,6 +310,10 @@
   text-align: center;
   font-size: 0;
 }
+.section.mapcont .mcont a {
+  display: block;
+  width: 100%;
+}
 .section.mapcont .mcont img {
   max-width: 100%;
 }
@@ -371,6 +378,7 @@
   background-color: #ffffff;
 }
 .section.contact-map .cm-map {
+  display: block;
   position: absolute;
   top: 170px;
   height: 520px;

css/style.less

@@ -346,6 +346,9 @@
 
     .content {
         padding: 30px 0;
+        img {
+            max-width: 100%;
+        }
     }
 }
 
@@ -395,6 +398,11 @@
         text-align: center;
         font-size: 0;
 
+        a {
+            display: block;
+            width: 100%;
+        }
+
         img {
             max-width: 100%;
         }
@@ -471,6 +479,7 @@
     }
 
     .cm-map {
+        display: block;
         position: absolute;
         top: 170px;
         height: 520px;