Ergebnis 1 bis 3 von 3

Thema: Responsive Webdesign, Media Queries - Anfängerfrage

  1. #1
    HTML Newbie
    Registriert seit
    05.01.2013
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Responsive Webdesign, Media Queries - Anfängerfrage

    Hallo Community,

    ich habe 4 Style Sheets - Mobil, Tablet und Desktop. Im vierten sind nur die globalen Angaben, welche sich unabhängig von Gerät nicht ändern (z.B. Schriftarten, Hintergründe...) und eben auch die "Weiche", also diese Media Queries die angeben wann welches CSS geladen werden soll. Das ganze sieht so aus (innerhalb des 4ten CSS):

    @import url("desktop.css") screen and (min-width: 950px);

    @import url("tablet.css") screen and (max-width: 950px);

    @import url("mobile.css") screen and (max-width: 480px);

    Sind die Pixelangaben für die jeweiligen Geräte "richtig" (also im Allgemeinen so genutzt)? Am Desktop das Browserfenster hin- und herschrieben klappt wunderbar - es lädt desktop.css, tablet.css und mobil.css. Aber wie sieht es auf "echten" Smartphones und Tablets aus - ist da meine Einstellung richtig?

    Ich besitze leider nur iPad und iPhone und damit zum 2ten Problem.
    iPad und iPhone machen da totale Zicken. Man sagte mir ich soll das hier ausprobieren:

    @import url("mobile.css") (-webkit-min-device-pixel-ratio : 1.5);

    Jedoch lädt jetzt auch das iPad das mobile Style Sheet. Ich bekomme es einfach nicht hin, dass das iPad und iPhone verschiedene Style Sheets laden. Sie laden - egal was ich probiere - immer das selbe.

    Das iPad Mini macht da wieder ne ganz andere Sache(?). Liegt es am Retina Display?

    Bitte bitte kann mir das jemand erklären oder mir ein Beispiel posten, wie es richtig gemacht wird. Ich bin auf dem Gebiet absolutes Frischfleisch.

    Mein Ziel ist einfach: Alle Smartphones sollen "mobile.css" laden, alle Tablets "tablet.css" und alle Notebooks, Desktops "desktop.css". Die Rotation der Geräte ist in dem Fall gleichgültig

    Bin jetzt schon sehr dankbar für jeden Tipp.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    573
    Danke
    0
    Bekam 67 mal "Danke" in 65 Postings

    Standard AW: Responsive Webdesign, Media Queries - Anfängerfrage

    Hallo,

    Sind die Pixelangaben für die jeweiligen Geräte "richtig" (also im Allgemeinen so genutzt)?
    Ich finde es eher unsinnig beim Responsive Design die Grenzen auf unterschiedliche Geräte abzustimmen. Wenn neue oder Nachfolgemodelle erscheinen passt das plötzlich nicht mehr.

    Von daher mache ich die Änderungen durch das Responsive Design immer nur vom Inhalt und vom Layout abhängig. Damit bin ich auch langfristig auf der sichereren Seite und muss nicht in ein oder zwei Jahren, wenn ein neues Must-Have-Gerät mit bislang ungenutzten Pixelmaßen den Markt erobert, alle Seiten auf das anpassen.

    Gruss

    MrMurphy

  3. #3
    HTML Newbie
    Registriert seit
    25.01.2013
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Responsive Webdesign, Media Queries - Anfängerfrage

    Zitat Zitat von MrMurphy Beitrag anzeigen
    Hallo,



    Ich finde es eher unsinnig beim die Grenzen auf unterschiedliche Geräte abzustimmen. Wenn neue oder Nachfolgemodelle erscheinen passt das plötzlich nicht mehr.

    Von daher mache ich die Änderungen durch das Responsive Design immer nur vom Inhalt und vom Layout abhängig. Damit bin ich auch langfristig auf der sichereren Seite und muss nicht in ein oder zwei Jahren, wenn ein neues Must-Have-Gerät mit bislang ungenutzten Pixelmaßen den Markt erobert, alle Seiten auf das anpassen.
    Das ist Quatsch mit Sauce! Der Sinn von responsive Webdesign ist: verschiedene Display-Auflösungen anzusprechen und damit in der Gestaltung dynamisch sein (reaktionsfähig).

    Die Auflösungen sind standardmäßig 280px, 320px, 480px, 768px und 1024px... alles drüber ist für Desktop-PC und TV Geräte.

    Cheers
    Steffen
    Geändert von Bandit (25.01.2013 um 16:46 Uhr)

Ähnliche Themen

  1. Wieviele MySQL queries
    Von Unregistriert im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 03.05.2009, 23:25
  2. MySQL Queries und Ladezeit
    Von Unregistriert im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 09.03.2009, 16:56
  3. Wieviele MySQL Queries?
    Von Unregistriert im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 23.02.2009, 12:31
  4. Mehrere Queries parallel
    Von vbtricks im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 16.08.2006, 13:28
  5. Anfängerfrage
    Von Knorkator im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 24.11.2004, 15:58

Stichworte

Berechtigungen

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