media queries staffeln
bearbeitet von Matthias ScharwiesServus!
> Die Klasse _.typoklein_ befindet sich in allen Media-Queries immer mit unterschiedlichen Schriftgrößen.
> Leider wird aber immer nur die Schriftgröße z.B. von:
>
> ~~~
> @media (min-width: 320px) and (orientation: Portrait ) {
> .typoklein {
> font-size: 1em;
> }
> }
> ~~~
> ausgegeben.
Ich rate mal, dass das die letzte ist und da es immer mindestens 320px sind, deshalb alle anderen Festlegungen überschrieben werden.
Im Wiki:
* [Responsive Webdesign](https://wiki.selfhtml.org/wiki/HTML/Tutorials/responsive_Webdesign)
* [Flexbox-Tutorial](https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/flexibles_Layout#Das_fertige_Layout)
Das untere Tutorial zeigt, wie die media queries von schmalen über mittlere bis zu breiten Viewports angesprochen werden können.
Herzliche Grüße
Matthias Scharwies
--
Es gibt viel zu tun:
*[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}