Bilder bei verschiedenen Bildschirmgrößen aus/einblenden

  • Hallo!

    In der Seite test.geschichte-eicherscheid.de befindet sich links oben ein Bild "Geschichte Eicherscheid". Rufe ich die Seite auf einem Tablett auf, so verschwindet das Bild hinter dem eigentlichen content.

    Kann ich den Hintergrund der Seite so einstellen, dass das Bild mit dem Schriftzug z.B. bei Tabletts ausgeblendet wird?

    Gruß

    A.


  • Also das Problem ist, dass auch der Hintergrund (dieses Muster) in dem Bild enthalten ist. Das Ganze, also Text und Hintergrund) kannst du natürlich auf kleineren Geräten ausblenden.


    Das geht mit media Queries (Erklärung Media queries) :


    Code
    @media only screen and (max-width: 1000px) { 
        body{
            background: none;
        }
    } 


    Die Größe musst du dir natürlich etwas aussuchen. 1000px ist jetzt einfach irgendein Wert.