[HTML] Elemente auf mobilen Geräten ausblenden

[The Gatsby]

Also ich bräuchte Hilfe, undzwar würde ich gerne wissen wollen wie man Elemente auf mobilen Geräten ausblendet

[ClonePVP]

CSS:
@ only screen and (max-width: 500px) {
#elementid{
display: none; oder visibility: hidden;
}
}

[The Gatsby]

Originally Posted by ClonePVP

CSS:
@ only screen and (max-width: 500px) {
#elementid{
display: none; oder visibility: hidden;
}
}

ok danke hat geklappt!!
und was müsste ich das tun, dass ich an der stelle zB ein Bild einblenden würd

[ClonePVP]

@ only screen and (min-width: 501px) {
#elementid{
display: none;
}
} @ only screen and (max-width: 500px) {
#elementid{
display: inline;
}
}

[Devsome]

@ dies könnte man mit

background-image: url("bild.jpg");

lösen.
Oder du erstellst ein Bild mit einer class z.B. "image-hidden"
Setzt es auf visibility: hidden und bei der gewünschten max-width auf visible

[Undaground]

Du könntest aber auch im Vorfeld das Markup dafür erstellen und bestimmte divs in der Desktopversion ausblenden, die du dann in der Mobilen einfach wieder einblendest.

[#Metho]

#myElement {
display: none;
}
@ (max-width: 768px) {
#myElement {
display: initial;
}
}


So ist es angepasst auf jedes Element, ob inline, block, table... spielt keine Rolle. Zudem solltest du dich vielleicht etwas mit Frameworks ausseinandersetzen, damit du bei viel Content solche Dinge leichter in den Griff kriegst