适应多图片排版

src/mastodon-timeline.js

@@ -1000,10 +1000,14 @@ export class Init {
       '<button class="mt-btn-dark mt-btn-spoiler-media mt-btn-spoiler-media-show">' +
       this.mtSettings.btnShowContent +
       "</button>";
-
+  
     if (type === "image") {
+      const width = m.width || 800; // 默认宽度
+      const height = m.height || 600; // 默认高度
+      const aspectRatio = width / height;
+  
       media =
-        '<div class="mt-post-mediaa ' +
+        '<div class="mt-post-media ' +
         (spoiler ? "mt-post-media-spoiler " : "") +
         this.mtSettings.spinnerClass +
         '" data-media-type="' +
@@ -1012,9 +1016,11 @@ export class Init {
         m.url +
         '" data-media-alt-txt="' +
         (m.description ? this.#escapeHTML(m.description) : "") +
-        '" style="position: relative; float: left; inset: auto;">' +
+        '" style="padding-top: calc(100% / ' +
+        aspectRatio +
+        ')">' +
         (spoiler ? spoilerBtns : "") +
-        '<img style="max-width:150%; overflow:hidden;" src="' +
+        '<img src="' +
         m.preview_url +
         '" alt="' +
         (m.description ? this.#escapeHTML(m.description) : "") +