MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第8行： / 第8行： @@
 .image-container img {
-     flex: 1 1 calc(25% - 20px); /* 每张图片占25%的宽度，减去间距 */
+     width: 200px; /* 强制规定图片宽度 */
-    max-width: 100%;
+     height: auto; /* 保持纵横比 */
-     height: auto;
      object-fit: contain; /* 保持图片的纵横比 */
      box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */
+}
+/* 当屏幕宽度小于1200px时，调整图片宽度 */
+@media (max-width: 1200px) {
+    .image-container img {
+        width: 150px;
+    }
+}
+/* 当屏幕宽度小于768px时，调整图片宽度 */
+@media (max-width: 768px) {
+    .image-container img {
+        width: 100px;
+    }
 }