Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
de:modul:m287:learningunits:lu05:medienabfrage [2026/01/27 10:49] – ↷ Seite von modul:m287:learningunits:lu05:medienabfrage nach de:modul:m287:learningunits:lu05:medienabfrage verschoben msuterde:modul:m287:learningunits:lu05:medienabfrage [2026/01/27 12:06] (aktuell) – ↷ Links angepasst, weil Seiten im Wiki verschoben wurden 144.76.32.187
Zeile 5: Zeile 5:
 Für die Umsetzung von Responsive Webdesign sind mit CSS3 die Media Queries (Medienabfragen) hinzugekommen. Media Queries sind mächtiger als die veralteten Media Types und flexibler. Sie prüfen die Merkmale von Ausgabegeräten detaillierter und können die alten Media Types einbeziehen. Damit können Medien bezüglich der Grösse des Geräts, Bildschirmauflösung, Orientierung (Hoch- oder Querformat) oder Eingabemöglichkeiten (Maus, Touch, Tastatur, Sprache) abgefragt werden, um ein entsprechendes Design zurückzuliefern. Die häufigste Abfrage ist die Breite des Webbrowser-Fensters. Für die Umsetzung von Responsive Webdesign sind mit CSS3 die Media Queries (Medienabfragen) hinzugekommen. Media Queries sind mächtiger als die veralteten Media Types und flexibler. Sie prüfen die Merkmale von Ausgabegeräten detaillierter und können die alten Media Types einbeziehen. Damit können Medien bezüglich der Grösse des Geräts, Bildschirmauflösung, Orientierung (Hoch- oder Querformat) oder Eingabemöglichkeiten (Maus, Touch, Tastatur, Sprache) abgefragt werden, um ein entsprechendes Design zurückzuliefern. Die häufigste Abfrage ist die Breite des Webbrowser-Fensters.
  
-{{:modul:m287:learningunits:lu05:media-queries.png?600|}}+{{de:modul:m287:learningunits:lu05:media-queries.png?600|}}
  
 ===== Media Queries einbinden und anwenden ===== ===== Media Queries einbinden und anwenden =====
  • de/modul/m287/learningunits/lu05/medienabfrage.1769507377.txt.gz
  • Zuletzt geändert: 2026/01/27 10:49
  • von msuter