Responsive Code wird nicht erkannt

BlackBoSs · 08.12.2016

Hallo,

irgendwie wird mein responsive css code nicht erkannt ..

Was ist an diesem Code falsch ?

Es wird einfach gar nicht übernommen .. habe diesen code in die Haupt style.css hineingeschrieben...
habe es auch mit einer externen mobile.css probiert .. wurde genauso nicht angenommen..

Code:

@media only screen and (width:800px){
  .sub_headline
    font-size: 10px;
    font-family: 'Pacifico', cursive;
    color:blue;
 
}

Bin noch ziemlich neu im responsiven bereich .. deshalb bitte ich euch um verständnis und tipps/hilfe.

Lg

lachender_engel · 08.12.2016

Was genau passiert denn (nicht), wenn Dein Browser eine exakte Breite von 800 Pixeln hat?

Gelöschtes Mitglied 633957 · 08.12.2016

BlackBoSs schrieb:
Was ist an diesem Code falsch ?

Die Eigenschaften der entsprechenden Klassen (hier: .sub_headline) gehören in geschweifte Klammern.

CSS:

@media only screen and (width: 800px) {
  .sub_headline {
    font-size: 10px;
    font-family: 'Pacifico', cursive;
    color: blue;
    }
}

Möglicherweise muss auch der Viewport gesetzt werden:

HTML:

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

Es macht übrigens Sinn, einen bestimmten Bereich abzudecken und keine auf den Pixel genaue Breite vorauszusetzen:

CSS:

@media only screen and (min-width: 960px) and (max-width: 1160px)

Edit: Habe hoffentlich alle Schreibfehler gefunden!
Edit2: Falsche Aussage entfernt!

BlackBoSs · 08.12.2016

@tynick : PERFEKT! habe auf die geschweiften Klammern vergessen ... meta name viewport war da aber anscheinend hat es nicht geklappt wegen den geschweiften klammern

Wieso gelten die Media Queries nicht mehr als Responsive Webdesign ? Gibt es eine neue Variante?

Lg

Gelöschtes Mitglied 633957 · 08.12.2016

BlackBoSs schrieb:
Wieso gelten die Media Queries nicht mehr als Responsive Webdesign ?

Das werden Dir besser User erklären können, die noch in der Materie drin stecken. Ich habe mich mittlerweile beruflich umorientiert und bekomme solche Sachen nur am Rande mit. Ich vermute aber, dass die immer größer werdende Pixeldichte der Smartphone- und Tablet Displays (Retina und Co.) damit zusammen hängt!

Edit: Habe mich eingehender informiert... CSS Media Queries sind nach wie vor das Mittel der Wahl zum Responsive Web Design!

Myhar · 09.12.2016

tynick schrieb:
Mittlerweile gilt der Weg über CSS Media Queries nicht mehr als Responsive (Persönlich mag und nutze ich sie trotzdem!

Würde mich doch interessieren, wieso das nicht so sein sollte? Was ist denn deiner Meinung nach die Alternative zu Mediaqueries?

Squeendot · 09.12.2016

Myhar schrieb:
Würde mich doch interessieren, wieso das nicht so sein sollte? Was ist denn deiner Meinung nach die Alternative zu Mediaqueries?

Der Frage schließe ich mich an...

Dagobert68 · 09.12.2016

Moin

Myhar schrieb:
Würde mich doch interessieren, wieso das nicht so sein sollte? Was ist denn deiner Meinung nach die Alternative zu Mediaqueries?

Ich hab ein bisschen gegoogled - ergebnislos. Daher möchte ich mich nun der Frage auch anschließen. Hab überhaupt keine Vorstellung, in welche Richtung es gehen könnte...

Danke!

Grüßli,
Tina

Myhar · 09.12.2016

Dagobert68 schrieb:
Ich hab ein bisschen gegoogled - ergebnislos. Daher möchte ich mich nun der Frage auch anschließen. Hab überhaupt keine Vorstellung, in welche Richtung es gehen könnte...

Wäre mir auch neu, dass es da etwas anderes gibt. Man darf eben nicht alles glauben, was @tynick so im Internet behauptet. :-D

dn3d_fanboy · 09.12.2016

Die Pixeldichte kann in den Media Queries ebenfalls berücksichtigt werden. :cool:

Gelöschtes Mitglied 633957 · 09.12.2016

Oh Mann, da habe ich was losgetreten!

dn3d_fanboy schrieb:
Die Pixeldichte kann in den Media Queries ebenfalls berücksichtigt werden.

Korrekt!

Myhar schrieb:
Man darf eben nicht alles glauben, was @tynick so im Internet behauptet. :-D

Das gilt nicht nur für's Internet!

Myhar schrieb:
Was ist denn deiner Meinung nach die Alternative zu Mediaqueries?

KEINE!
Habe noch einmal den Newsletter von 2014 auf den ich meine Aussage gestützt habe herausgesucht und "ganz genau" gelesen. (Hätte ich besser vor dem Posten machen sollen!

)
Die Überschrift, dass Media Queries nicht mehr responsive sein sollen, war mehr als reißerischer Anheizer gedacht. Im Detail ging es um Grid-Systeme (die sich auf Media Queries stützen) die wohl noch bis Anfang 2014 sehr beliebt waren und im modernen Web Design als "nicht mehr responsive" anzusehen sind.

Meine Posts habe ich entsprechend angepasst und entschieden dennoch weiter zu versuchen Fragen zu beantworten, in der Hoffnung, irgendwann, weit, weit in der Zukunft auch mal etwas Wahres zu schreiben. :nick:

Und wenn es auch nur durch Zufall passiert!

Dagobert68 · 10.12.2016

Moin

tynick schrieb:
Oh Mann, da habe ich was losgetreten!

Ein ganz klein wenig... Sozusagen...

Ich hatte allen Ernstes gedacht, dass ich da irgendetwas total verschlafen habe und so gar nicht auf dem Laufenden bin. Leichte Panik beschlich mich und ich sah schon wieder unüberwindliche Berge neuen Lernmaterials auf mich zukommen...
Deshalb sei ganz doll bedankt, dass du alles aufgeklärt hast! Find' ich echt richtig klasse! :happy:

Grüßli,
Tina

Gelöschtes Mitglied 633957 · 11.12.2016

Dagobert68 schrieb:
dass du alles aufgeklärt hast!

Klar doch... Wer keine Angst hat Fehler zu machen, der sollte auch keine haben sie zu berichtigen!

Squeendot · 12.12.2016

tynick schrieb:
Meine Posts habe ich entsprechend angepasst und entschieden dennoch weiter zu versuchen Fragen zu beantworten, in der Hoffnung, irgendwann, weit, weit in der Zukunft auch mal etwas Wahres zu schreiben. Und wenn es auch nur durch Zufall passiert!

Danke fürs Aufklären und ich freue mich über weitere Antworten von dir