Img ausblenden mobil

Schakon

Wir wollten kein externes iFrame nutzen, da es sonst als unsichere Verbindung dargestellt wird.

Haben jetzt probeweise ein Bild eingebaut, ist es möglich das mit html auszublenden auf mobilen Endgeräten? Steht sonst immer ziemlich über.

Link: http://www.schueler-forum.com/informations/
ist eine Custompage. Html könnte man direkt dort verwenden, ansonsten eine Templateänderung oder CSS-Änderung, die die Page anspricht (sollen ja nicht global alle Bilder mobil entfernt werden).
Verkleinern wäre auch gut.

djheke

Du suchst Media Queries. Google ist dein Freund.

Schakon

Danke. Demnach muss ich die CSS-Klasse im Stileditor ansprechen und es dann mobil ausblenden lassen wie z.B.

[TABLE='width: 896']

[tr]

[TD='class: codeLineNumbers container-3, bgcolor: #F7F7F7, align: right']1
2
3
4
5[/TD]
[TD='class: codeLines container-4']@media (max-width: 800px) {
.xyz {
display: none;
}
}[/TD]

[/tr]

[/TABLE]

Ist nur noch die Frage was genau ich damit ansprechen muss. Finde ich das mit Firebug raus?

mailhunter

Wie wär's mit

Code

[COLOR=#87154F]@media[/COLOR] ([COLOR=#87154F]max-width[/COLOR]: [COLOR=#1906FD]800px[/COLOR]) {
img      {
        [COLOR=#87154F]display[/COLOR]: [COLOR=#994509]none[/COLOR];
    }
}

oder

Code

[COLOR=#87154F]@media[/COLOR] ([COLOR=#87154F]max-width[/COLOR]: [COLOR=#1906FD]800px[/COLOR]) {
.img-no-mobil      {
        [COLOR=#87154F]display[/COLOR]: [COLOR=#994509]none[/COLOR];
    }
}

Bei der ersten Version werden alle Bilder ausgeblendet. Bei der zweiten nur die mit der Klasse img-no-mobil.

MrMurphy

Hallo,

seit wann sind 800px ein Kriterium um mobile Geräte zu erkennen?

Gruss

MrMurphy

Tags