Meine guete; 14 antworten und kein einziger von euch ist in der lage den richtigen code zu posten?!klaraSand hat geschrieben:Vielen Dank! Genau das meinte ich![]()
Nun ist nur meine Frage wie ich dies am elegantesten umsetze?
Da so wie ich das machen würde wären ja stets mehrer Container mit Inhalten im Quelltext wobei immer nur einer davon angezeigt wird und der Rest ist "versteckt".
Code: Alles auswählen
<h2 class="desktop">Eine sehr lange ueberschrift</h2>
<h2 class="mobile">Kurze ueberschrift</h2>
Code: Alles auswählen
/*kleine screens*/
@media only screen and (min-width: 480px) {
.desktop {
display:none;
}
.mobile{
display:block;
}
}
/*desktop und tablets*/
@media only screen and (min-width: 768px) {
.desktop {
display:block;
}
.mobile{
display:none;
}
}