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?
Moin Dominik, zuallererst braucht man sich da nicht so verrückt machen. Ja es kommen jedes Jahr neue Endgeräte auf den Markt mit unterschiedlichen Auflösungen/Displaygrößen/Pixeldichte etc. Die Praxis zeigt aber das dies im Endeffekt nur sehr wenig Auswirkung hat. Wenn man sich die letzten Jahre anschaut bleiben alle Geräte in einem bestimmten Spektrum bzgl. der Auflösungen. Gute Breakpoints die sich etabliert haben sind: (480px), 640px, 768px, 1024px, 1280px, (1536px) Die in Klammern sind eher optional. Bei diesen Breakpoints könnte man nun größere Veränderungen des Layouts erzielen, was aber nicht zwingend notwendig ist. Denn Ziel sollte es immer sein das dazwischen sich das Layout immer dynamisch anpasst durch die Verwendung von relativen oder offenen Werten. Mit Landscape oder Portait hat man hier eine zusätzliche Möglichkeit das Layout entsprechend anzupassen. Wird aber selten verwendet, da letztendlich alles an den Breakpoints festgemacht wird. Die Auflösungen sind eh und je Dreh und Angelpunkt. Hatte diese Möglichkeit nur Zwecks der Vollständigkeit vorgestellt ;)
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?
Das dürfte mit den Druckeinstellungen zu erreichen sein, da kannst du ja einstellen ob du im Querformat drucken möchtest. Mit den media queries könntest du Elemente ausblenden die nicht mit gedruckt werden sollen. Oder du könntest auch die Schriftgröße herabsetzen falls diese zu groß ist...etc..
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.
![CSS Flexbox Tutorial Deutsch für Anfänger [20 Minuten]](http://i.ytimg.com/vi/TX0g5NmsKig/mqdefault.jpg)
Nicht schlecht 🤩
Danke dir 👍
Wieder was gelernt! :-) Danke!
Das freut mich!
Super erklärt
Freut mich, danke!
Danke dir. Hat mir wirklich sehr geholfen! Mach weiter so 👍🏻
Freut mich natürlich, vielen Dank :)
Sehr gut erklärt von dir ! Mach weiter so 👍
Vielen Dank, werde ich so machen ;)
Pizza Tag :-) gute Idee Mario weiter so! Danke :-)
So wähle nun die Nummer gegen Pizza-Kummer: 555-PIZZA
@@ProgrammierenMario Pizza ist auch meine Lieblingsspeise. Ich mache die immer selbst! So lecker 🙂
Sehr gut 👍
Cool danke dir Mario :)
✌️🙂
thxs, gutes Video
Gern geschehen 🙂
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?
Moin Dominik,
zuallererst braucht man sich da nicht so verrückt machen. Ja es kommen jedes Jahr neue Endgeräte auf den Markt mit unterschiedlichen Auflösungen/Displaygrößen/Pixeldichte etc. Die Praxis zeigt aber das dies im Endeffekt nur sehr wenig Auswirkung hat. Wenn man sich die letzten Jahre anschaut bleiben alle Geräte in einem bestimmten Spektrum bzgl. der Auflösungen. Gute Breakpoints die sich etabliert haben sind:
(480px), 640px, 768px, 1024px, 1280px, (1536px)
Die in Klammern sind eher optional. Bei diesen Breakpoints könnte man nun größere Veränderungen des Layouts erzielen, was aber nicht zwingend notwendig ist. Denn Ziel sollte es immer sein das dazwischen sich das Layout immer dynamisch anpasst durch die Verwendung von relativen oder offenen Werten.
Mit Landscape oder Portait hat man hier eine zusätzliche Möglichkeit das Layout entsprechend anzupassen. Wird aber selten verwendet, da letztendlich alles an den Breakpoints festgemacht wird. Die Auflösungen sind eh und je Dreh und Angelpunkt. Hatte diese Möglichkeit nur Zwecks der Vollständigkeit vorgestellt ;)
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?
Das dürfte mit den Druckeinstellungen zu erreichen sein, da kannst du ja einstellen ob du im Querformat drucken möchtest. Mit den media queries könntest du Elemente ausblenden die nicht mit gedruckt werden sollen. Oder du könntest auch die Schriftgröße herabsetzen falls diese zu groß ist...etc..
Hi muss man da vorher noch über ein Link etwas laden oder so? Mein Editor kennt "and" und "only" nicht.
Nein das ist natives CSS. Da brauchst du nichts zusätzlich.
Bitteschön ✌️🙂
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.
Das hängt stark vom Layout der Website ab. Bei vielen Dingen kommt man auch ganz ohne Media Queries aus, je nach Komplexität.