使横竖屏都能正常观看

Author: pytac

style/contact_icon.css

@@ -22,6 +22,9 @@
     text-align: center;
     transition: all 0.25s ease;
     cursor: default;
+
+    box-sizing: border-box;
+    height: 100%;
 }
 
 .icon-card:hover {

style/overview.css

@@ -53,6 +53,10 @@ body {
     max-width: 900px;
     /* margin: 0 auto; */
     border-bottom: 1px solid #eee; /* 分割线 */
+
+    width: 80vw;
+    margin-left: 10vw;
+    text-align: left;
 }
 
 /* 项目卡片 in project.css */

style/project.css

@@ -9,6 +9,7 @@
     background: #fafbfc;
 
     width: 100%;
+    box-sizing: border-box;
     padding-left: 1vw;
     padding-top: 1vh;
     padding-bottom: 3vh;