ilch Forum » Ilch CMS 2.x » Fehlersuche und Probleme » Mobile Ansicht

Geschlossen
  1. #1
    User Pic
    BmwFreundeMV Mitglied
    Registriert seit
    19.01.2016
    Beiträge
    167
    Beitragswertungen
    5 Beitragspunkte
    Hey ,

    Ich wollte mal fragen wie ich die mobile Ansicht komplett aus der css bekomme?


    Ich denke mal es fängt mit Media an aber wo ist Anfang und wo ist ende ?
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    BmwFreundeMV Mitglied
    Registriert seit
    19.01.2016
    Beiträge
    167
    Beitragswertungen
    5 Beitragspunkte
    ?
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Nex4T ilch.de Design
    Registriert seit
    28.02.2007
    Beiträge
    2.912
    Beitragswertungen
    141 Beitragspunkte
    Hey, schau mal jede Klasse die du anlegst bspw.

    .class {
    font-size:12px;
    }


    währe in dem Fall die Normale Klasse, die Responsive Ansicht für Mobile, Tablet und Co. würde dann jeweils nach Endgerät so beginnen :

    @media screen and (min-width: 780px) {
     .class {
     font-size:14px;
     }
    }


    würde übersetzt bedeuten das die Klasse "class" ab einer Minimum Breite von 780px die Schriftgröße auf 14px erhöht, alles darunter würde dann den wert der Standart Klasse wie oben 12px haben.

    Grundliegend müsstest du nur überall wo @Media ist Entfernen!

    Anmerkung eine klasse öffnet sich ja jeweils mit "{" und endet mit "}" das Gleiche betrifft auch @media, man Öffnet es mit "{" und schließt es mit "}", wie du siehst hinter (min-width: 780px) öffnet sich das ganze, danach öffnet sich erst die Klasse und danach wird beides wieder geschlossen, von daher immer darauf achten! Man kann auch mehrere Klassen in die Media Regel packen bswp.

    @media screen and (min-width: 780px) {
    
     .class {
      font-size:14px;
     }
    
     .class-2 {
      color:#fff;
     }
    
    }


    Ich hoffe ich konnte helfen zwinker

    -------------------------------

    Hier nochmal das Ausgefüllte Beispiel :

     .class {
      font-size:12px;
     }
    
     .class-2 {
      color:#000;
     }
    
    @media screen and (min-width: 780px) {
    
     .class {
      font-size:14px;
     }
    
     .class-2 {
      color:#fff;
     }
    
    }



    Zuletzt modifiziert von Nex4T am 20.09.2017 - 19:26:53
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    BmwFreundeMV Mitglied
    Registriert seit
    19.01.2016
    Beiträge
    167
    Beitragswertungen
    5 Beitragspunkte
    Danke ich probiere es mal lächeln
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    BmwFreundeMV Mitglied
    Registriert seit
    19.01.2016
    Beiträge
    167
    Beitragswertungen
    5 Beitragspunkte
    Nein komme gar nicht klar damit lachen ich weiß gar nicht wo ? Vendor,css , Template ect :/
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Nex4T ilch.de Design
    Registriert seit
    28.02.2007
    Beiträge
    2.912
    Beitragswertungen
    141 Beitragspunkte
    Du musst mal gucken wo die css vom Design ist, und in der Bootstrap standart selbst muss du alles entfernen
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten