it-swarm.com.de

Div Medienabfrage ein- / ausblenden

Mit welchem ​​Code kann ich ein bestimmtes Div nur dann anzeigen lassen, wenn es sich um eine mobile Breite handelt?

Ich habe oben auf meinem Bildschirm einen Div mit 100% Breite und möchte, dass dieser nur angezeigt wird, wenn das Gerät als mobile Breite angegeben ist.

34
Francesca

Ich bin mir nicht sicher, was du als "mobile Breite" meinst. Aber in jedem Fall ist das CSS @media kann zum Ausblenden von Elementen in der Bildschirmbreite verwendet werden. Sehen Sie sich ein Beispiel an:

<div id="my-content"></div>

...und:

@media screen and (min-width: 0px) and (max-width: 400px) {
  #my-content { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 401px) and (max-width: 1024px) {
  #my-content { display: none; }   /* hide it elsewhere */
}

Einige wirklich mobile Erkennung ist eine Art harte Programmierung und ziemlich schwierig. Eventuell finden Sie unter: http://detectmobilebrowsers.com/ oder anderen ähnlichen Quellen.

82
Martin Poljak

Es hört sich so an, als ob Sie auf das Ansichtsfenster des Geräts zugreifen möchten. Sie können dies tun, indem Sie dieses Meta-Tag in Ihre Kopfzeile einfügen.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

http://www.w3schools.com/css/css_rwd_viewport.asp

0
Joe Neuman