Ergebnis 1 bis 5 von 5

Thema: Media-Query greift nicht

  1. #1
    Contao-Fan
    Registriert seit
    20.06.2009.
    Ort
    Küps
    Beiträge
    353

    Standard Media-Query greift nicht

    Hallo Leute ich habe gerade eine Denkblockade und komme nicht auf meinen Fehler.

    Vielleicht könnt ihr mir helfen.

    Ich habe 2css Dateien im Backend erzeugt. Eine soll nur greifen wenn der User das Handy nutzt die 2te soll generell greifen.
    Also wenn der User mit den Desktop kommt dann zeige die Bilder im Hintergrund an wenn er aber über das HAndy kommt dann mach den Hintergrund weiß.

    So soll es simpel gesagt laufen.

    Ich habe gemerkt das er immer über Screen geht. Wenn ich also bei der Datei mit den weißen Hintergrund Handheld angebe ignoriert er es. Wenn ich überall Screen eingebe dann klappt es.

    Auf den Desktop scheint es zu passen wenn ich das Fenster kleiner mache dann bricht er irgendwann um und zeigt den Hintergrund weiß. Auf dem Handy sehe ich aber immer die Bilder.

    Unter Seitenlayout wird auch zuerst die Datei mit den weißen Hintergrund geladen dann die mit den Bildern.

    Hier die URL: http://foundation.fugenhexe.de/

    Was läuft auf den Handy falsch?

  2. #2
    Contao-Fan
    Registriert seit
    20.06.2009.
    Ort
    Küps
    Beiträge
    353

    Standard

    ok ich habe mal ein wenig weiter geschaut.

    Mein Handy macht FULL HD darum greift die größenangabe dort net.

    Wie könnte man das noch abfangen?

  3. #3
    Contao-Nutzer
    Registriert seit
    03.09.2010.
    Ort
    Goslar
    Beiträge
    195
    Partner-ID
    7212

    Standard

    Benutz doch einfach die Contao Body Klassen > body.mobile / body:not(.mobile)

    Ansonsten kannst du mal Testweise folgenden Code in den Head deiner Seite einbinden.
    Code:
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    Geändert von Kim (26.06.2015 um 11:01 Uhr)

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.390
    Partner-ID
    10107

    Standard

    Zitat Zitat von chrischnian Beitrag anzeigen
    ok ich habe mal ein wenig weiter geschaut.

    Mein Handy macht FULL HD darum greift die größenangabe dort net.

    Wie könnte man das noch abfangen?
    Weil bei dir die Viewport Angabe im <head> fehlt:
    PHP-Code:
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
    Übrigens hast du einen HTML Fehler irgendwo im <header>.

  5. #5
    Contao-Fan
    Registriert seit
    20.06.2009.
    Ort
    Küps
    Beiträge
    353

    Standard

    Ok daran habe ich net gedacht. Werde es erstmal so weiter testen.

    Danke für die Hilfe.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •