汉晶添加中英文翻译

hanJing/css/header.css

@@ -28,38 +28,44 @@
     width: 100%;
     height: 65%;
     display: flex;
-    align-items: start;
-    justify-content: space-between;
+    align-items: center;
+    /* justify-content: space-around; */
     /* background: palegoldenrod; */
 }
 .logo{
-    width: 20%;
+    width: 50%;
     height: 100%;
     display: flex;
     align-items: center;
-    justify-content: center;
+    padding-left: 10vw;
 }
-.logo img{
-    width: 3.5vw;
+.logo img{  
+    width: 4vw;   
     height: auto;
+    max-height: 4vw;
+    display: block;
+    object-fit: contain; /* 保证图片不变形 */
 }
 .header ul{
-    width: 45%;
+    width: auto;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     /* background: palevioletred; */
     margin-left: 5vw;
-    padding-right: 10vw;
+    /* padding-right: 10vw; */
 }
 .header ul li{
-    width: 100%;
+    /* width: 100%; */
+    min-width: 5vw;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.9vw;
+    margin-left: 1vw;
+    /* background: palegreen; */
   
    
 }
@@ -88,3 +94,24 @@
   bottom:  0;
   left: 0;
 }
+.language{
+    /* width: 10%; */
+    /* height: 100%; */
+    /* background: palegoldenrod; */
+    /* line-height:5vh; */
+    padding-bottom: 2vh;
+    border:none;
+    outline: none;
+    cursor: pointer;
+    color: #009FD1;
+    transition: all 0.2s ease;
+    font-weight: 600;
+    font-size: 1vw;
+    background: transparent;
+    margin-left: 1vw;
+    
+}
+.language:hover{
+    color: #fff;
+    text-shadow: 0 0 10px rgba(41, 111, 216, 0.5);
+}