Diskussion:Besondere Möbel und anderes: Unterschied zwischen den Versionen

Aktuelle Version vom 18. Februar 2026, 10:59 Uhr

In MediaWiki können Bildbreiten in Abhängigkeit von der Fenstergröße (responsives Design) hauptsächlich über CSS-Anpassungen in MediaWiki:Common.css oder durch die Verwendung spezieller Wiki-Syntax umgesetzt werden. Die gängigsten Methoden: CSS-Klasse für responsive Bilder (Empfohlen): Durch das Hinzufügen einer CSS-Klasse in MediaWiki:Common.css können Bilder so eingestellt werden, dass sie sich automatisch an die Breite ihres Containers anpassen: css /* In MediaWiki:Common.css einfügen */ .res-img img {

   max-width: 100%;
   height: auto;

} Anwendung im Artikel: wikitext

Datei:Beispiel.jpg

Bildunterschrift

Vorteil: Das Bild wächst nicht über die Breite des Textbereichs hinaus, verkleinert sich aber auf mobilen Geräten. Verwendung von upright (fürThumbnails): Die upright-Syntax skaliert Bilder relativ zur vom Benutzer in den Einstellungen festgelegten Thumbnail-Größe. Dies ist nützlich, um Bilder proportional anzupassen, ohne feste Pixelwerte zu verwenden. wikitext

Datei:Beispiel.jpg

Bildbreite 150% der Standardgröße

Prozentuale Breite (Inline-CSS): Man kann die Breite direkt in der Wiki-Syntax mittels CSS erzwingen: wikitext 50% der Elternelementbreite Galerie-Modus packed: Für Bildersammlungen kann der packed-Modus genutzt werden, um Bilder responsiv in Reihen zu organisieren, die sich der Bildschirmbreite anpassen: wikitext

@@ Zeile 28: / Zeile 28: @@
 File:Beispiel2.jpg
 </gallery>
+[[Datei:GHV_Schrank-1775-Spange.jpg|style="max-width:100%; width:50%; height:auto;"|Handwerkerzeichen des Schreiners]]