ilch.de :: Forum :: Ilch CMS 2.X :: Fehlersuche und Probleme

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

Gehe zu Seite:

Geschlossen

Di. 29.08.2017 12:52 Uhr #1

BmwFreundeMV Mitglied

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.

zitieren

Mi. 20.09.2017 11:19 Uhr #2

BmwFreundeMV Mitglied

0 Mitglieder finden den Beitrag gut.

zitieren

Mi. 20.09.2017 13:03 Uhr #3

Nex4T Moderator

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++;
www.movely.biz
www.webplant.eu

0 Mitglieder finden den Beitrag gut.