Ergebnis 1 bis 3 von 3

Thema: CSS fr mobile Endgerte (einige Basis-Fragen zu Media-Queries)

  1. #1
    HTML Newbie
    Registriert seit
    20.03.2017
    Beitrge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS fr mobile Endgerte (einige Basis-Fragen zu Media-Queries)

    Moin Allerseits
    ich beschftige mich gerade mit der Erstellung von CSS-Regeln fr mobile Endgerte und hab da einige Verstndnisfragen bez. Mediaqueries.
    Es wre toll wenn hier mal jemand einem alten Mann ber die Strasse helfen knnte

    Vom Ansatz her scheint es ja nicht so wahnsinnig kompliziert zu sein - man schreibt fr bestimmte Browserfenstergren oder Displaygren unterschiedliche Regeln ...
    Aber....

    1: sind folgende Aussagen korrekt?
    a: @media only screen and (width : 320px) greift nur einer Breite von genau 320px?
    b: @media only screen and (min-width : 320px) and (max-width : 480px) greift bei allen Breiten zwischen 320px und 480px

    Und jetzt zu einigen Fragen die ich vielleicht nicht besonders verstndlich formulieren kann:
    Wenn ich "min-width" anstatt "min-device-width" nutze dann bezieht sich das ja auf die Browserfenstergre ("min-width") und nicht auf die Gre des Displays ("min-device-width").
    Wenn ich also mein Handy (320 x 480) von "Portrait" auf "Landscape" kippe - was fr eine Breitenangabe muss ich machen wenn ich fr "landscape" andere CSS-Regeln will ?
    Die des Gertes (320) oder die Breite die es jetzt quasi geometrisch einnimmt - also 480?
    Muss ich also zwei Mediaqueries fr ein und das selbe Gert anlegen (Hochformat & Querformat)?

    Frage zwei
    Ich will ein Gert ansprechen das 320 x 480 hat
    Dann habe ich ein weiteres Exotengert mit 380 x 460 fr das ich andere Regeln brauche
    Wie mssen nun die Queries lauten?
    Was ich bereits herausfinden konnte ist, das das hier nicht geht:
    @media only screen and (min-width : 320px) and (max-width : 480px)
    @media only screen and (min-width : 380px) and (max-width : 460px)

    Die zweite Querie berschreibt nicht die Erste (was ja auch richtig ist) greift aber auch nicht.
    Was auch nicht geht ist das: @media only screen and (width : 380px) denn das wrde dazu fhren das diese Regeln auch fr alle Telefone mit 320 x 480 gilt.
    Und genau das ist mein grsstes Verstndnisproblem.
    Wie kann ich etappenweise Media-Queries aufbauen?

    Und dann..... hab ich gelesen das es ja auch noch so was gibt:
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
    Wieso braucht es denn jetzt noch die Angabe zur Lage wenn es doch ohnehin um die durch Drehen nicht vernderbare Breite des Gerts geht??

    Gru Axel
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist lter als 90 Tage. Die darin enthaltenen Informationen sind mglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beitrge
    454
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: CSS fr mobile Endgerte (einige Basis-Fragen zu Media-Queries)


  3. #3
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beitrge
    1.139
    Danke
    21
    Bekam 116 mal "Danke" in 115 Postings

    Standard AW: CSS fr mobile Endgerte (einige Basis-Fragen zu Media-Queries)

    Danke fr die Info
    [MOD: Thread geschlossen, Crosspost]

hnliche Themen

  1. Slider wird nur halb angezeigt (Mobile Endgerte)
    Von AGuevara im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 17.10.2016, 15:41
  2. Probleme mit Media Queries
    Von HamSan im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 14.02.2016, 14:43
  3. Respnsivitt fr mobile Endgerte
    Von HanzWurzt im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.02.2014, 10:54
  4. Media queries
    Von Ruccola im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 07.01.2013, 15:21
  5. Website auf mobile-Endgerte umformatieren
    Von DarkEmperor im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 27.07.2011, 21:12

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhnge hochladen: Nein
  • Beitrge bearbeiten: Nein
  •