CSS Media Queries Deutsch für Anfänger

CSS Media Queries Deutsch für Anfänger. Responsive Webdesign ist ein wichtiges Thema wenn es um die eigene Website geht. Mit CSS Media Queries kannst du das Verhalten deiner Website für alle Endgeräte steuern und darüber hinaus noch einiges mehr. Happy Coding!

⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
01:30 Grundlegendes
04:30 Erstes Beispiel
08:08 Mobile First
10:03 Desktop First
12:28 Media Attribut in HTML
15:09 Orientierung und Print
16:35 Wie gehts weiter

⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Wie du deine CSS Technik verbessern kannst:

CSS Flexbox Tutorial Deutsch für Anfänger:

CSS Grid Tutorial Deutsch für Anfänger:

📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit vielen Jahren beruflich als Web Entwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.

Starte Jetzt!

#CSS #ProgrammierenM

[programmierenlernen]

Danke dir. Hat mir wirklich sehr geholfen! Mach weiter so 👍🏻

[kayschmitt]

Sehr gut erklärt von dir ! Mach weiter so 👍

[TheFripi]

Pizza Tag :-) gute Idee Mario weiter so! Danke :-)

[dominik]

Moin, erstmal: Top Kanal. Simpel und einfach die Basics erklärt um Dinge wie CSS zu lernen. Wie gehst du denn damit um, dass jedes Jahr oder halbes Jahr neue Größen für Tablets rauskommen usw. Apple und Samsung bringen ja jedes Jahr paar neue Geräte raus und dann ist das iPad wieder größer oder das Galaxy Tab noch in einer kleineren Version rausgebracht worden usw.. Gibt es da Pixelgrößen an denen man sich gut orientieren kann, die Größen wie Smartphones, Phablets, Tablets, Laptops/Desktop Computer abdecken oder muss man wirklich jedes Jahr schauen, ob man die Pixelzahl der Media Queries nach korrigieren muss?

Zweite Frage: Bei Landscape oder Portrait ist doch aber auch die Pixelzahl eine andere. Bsp. mit ausgedachten Zahlen: Tablet 1024x768. Im Landscape ist die Width ja jetzt 1024. Sobald ich das Gerät in Portrait drehe, ist die width dann doch aber 768 und die Length 1024.. oder wird das von den Media Queries berücksichtigt?

[gamehubler]

Hin und wieder kommt es ja vor, dass man dann 4-5 Queries Laden tut und nur kleinigkeiten nutzt.
Wenn es hier eine Komfortable variante gibt sowas zu Kombinieren und nur 1 Media Querie zu haben, wäre es vielleicht nen gutes Erweitertes Video.

[benjaminschmidt]

Hi Mario,
Ich habe aktuell das „Problem“, wenn man auf Drucken geht, dann ist die Seite zu groß für eine Seite.
Ich würde aber gerne die Webseite im Querformat auf eine Seite Drucken.
Hättest Du einen Vorschlag, wie das geht?

[bwb]

Hi muss man da vorher noch über ein Link etwas laden oder so? Mein Editor kennt "and" und "only" nicht.