소스 검색

修正跑板問題

jeter20131220 3 년 전
부모
커밋
33cbe07854
3개의 변경된 파일15개의 추가작업 그리고 6개의 파일을 삭제
  1. 9 3
      about/about.css
  2. 0 0
      about/about.css.map
  3. 6 3
      about/about.scss

+ 9 - 3
about/about.css

@@ -627,7 +627,7 @@ body .arrow:hover {
   #banner #banner-container .tab-content .sec04 .col-lg-4 .sec04-p-m {
     width: 100%;
     position: absolute;
-    top: 100px;
+    top: 50px;
     left: 0px;
     font-size: 18px;
     opacity: 0;
@@ -661,13 +661,19 @@ body .arrow:hover {
 #banner #banner-container .tab-content .sec04 .col-lg-4 img {
   -o-object-fit: cover;
      object-fit: cover;
-  width: 480px !important;
-  height: 280px !important;
+  width: 430px !important;
+  height: 200px !important;
   opacity: 1;
   -webkit-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
 }
 
+@media screen and (max-width: 767px) {
+  #banner #banner-container .tab-content .sec04 .col-lg-4 img {
+    height: 180px !important;
+  }
+}
+
 #banner #banner-container .tab-content .sec04 .col-lg-4 .sec03-img-m {
   text-align: center;
   width: 100%;

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
about/about.css.map


+ 6 - 3
about/about.scss

@@ -490,7 +490,7 @@ body {
                         @media screen and(min-width:$desktop) {
                             width: 100%;
                             position: absolute;
-                            top: 100px;
+                            top: 50px;
                             left: 0px;
                             font-size: 18px;
                             opacity: 0;
@@ -517,10 +517,13 @@ body {
 
                     img {
                         object-fit: cover;
-                        width: 480px !important;
-                        height: 280px !important;
+                        width: 430px !important;
+                        height: 200px !important;
                         opacity: 1;
                         transition: 0.3s ease-in-out;
+                        @media screen and(max-width:$moblie) {
+                            height: 180px !important;
+                        }
                     }
                     .sec03-img-m {
                         text-align: center;

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.