Merge pull request #44 from D-Sketon/perf_1

perf: 优化头图显示
theme-shoka-x · Mar 2, 2023 · fd4c941 · fd4c941
2 parents c74f611 + 235537a
commit fd4c941
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/source/css/_common/outline/header/image.styl b/source/css/_common/outline/header/image.styl
@@ -8,7 +8,9 @@
   min-height: 25rem;
   z-index: -9;
   background-color: #363636;
-
+  content-visibility: auto;
+  contain-intrinsic-size: 100vw 70vh;
+
   img {
     width: 100%;
     height: 100%;

diff --git a/source/css/_common/outline/header/waves.styl b/source/css/_common/outline/header/waves.styl
@@ -5,9 +5,12 @@
   min-height: 3.125rem;
   max-height: 9.375rem;
   position:relative;
+  content-visibility: auto;
+  contain-intrinsic-size: 100vw 15vh;
 
   +mobile() {
     height: 10vh;
+    contain-intrinsic-size: 100vw 10vh;
   }
 }
 /* Animation */