Diskussion:Besondere Möbel und anderes

Aus Museumswiki

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


Handwerkerzeichen des Schreiners