fix: missing height and weight of img element and lazyload object-fit style

2022-05-13 02:01:35 +08:00
parent 568fe8f5fc
commit 428d8b88ab
3 changed files with 23 additions and 10 deletions
--- a/assets/css/_page/_single.scss
+++ b/assets/css/_page/_single.scss
@@ -230,14 +230,19 @@

      img {
        display: block;
+        width: 100%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
      }
    }

-    .lazyloading {
-      @include object-fit(none);
+    .lazyload, .lazyloading {
+      @include object-fit(scale-down);
+    }
+
+    .lazyloaded {
+      @include object-fit(fill);
    }

    blockquote {