Frage von creator78, 49

Optimale Auflösung für Webseite?

Hallo, ich mal wieder ;) Ich habe es endlich geschafft eine Webseite zu erstellen. Kommt schon ganz gut nach meinen Vorstellungen. Jetzt stehe ich aber vor einer neuen Herausforderung. Ich will die Seite für Smartphone und Tablett optimieren. Könntet ihr mir sagen in welchen Auflösungen ich dafür die Seiten skalieren muss? Ihr wärt mir eine grosse Hilfe. Schönen Abend wünscht Creator78

Antwort
von Babelfish, 49

Es gibt bei Smartphones und Tablets keine festen Auflösungen. Um eine Webseite für diese Geräte optimal zugänglich zu machen, muss man sie für bestimmte Schwellgrößen mittels CSS und Media Queries jeweils anders aufbauen. Das nennt man das Responsive Webdesign.

https://de.wikipedia.org/wiki/Responsive_Webdesign

Verschiedenen Frameworks wie bspw. das angesprochenen Bootstrap bieten so was von Haus aus und erleichtern die Arbeit. Du kannst jedoch auch alles selber implementieren. Beispiele und Anleitungen findest du dazu genügend im Internet und Browser wie Safari, Chrome oder Firefox erlauben die mit den mitgelieferten Webtools deine Seite in verschiedenen Auflösungen zu testen.

Antwort
von userfromberlin, 32

media queries und Prozentangaben statt Pixelwerten lassen Deine Webseite auf jedem Display gut aussehen.

Beispiel
#bannerpic {width: 50%;}
@media (max-width: 700px){

#bannerpic {width: 100%;}

}

Antwort
von androhecker, 45

Das selbst zu tun ist echt anstrengend und umständlich, du hättest gleich ein Framework wie Bootstrap nehmen sollen

Kommentar von creator78 ,

Jetzt ist es aber so. Kennst du die Auflösungen. Habe mich mit Magix Web Designer 11 durchgekämpft. mfg

Kommentar von EightSix ,

Es gibt da keine Auflösungen. Sieh die anderen Antworten an.

Kommentar von androhecker ,

Was meinst du mit Auflösungen?

Antwort
von ostfriesenjung, 45

Wenn Du dir NACH der Fertigstellung einer Webseite Gedanken dazu machst hast Du leider Pech gehabt. Schaut man sich um dann sieht man, dass die Leute mit ganz unterschiedlichen Auflösungen kommen.
Willst Du es richtig machen, dann setze ein Framework ein (z.B. Bootstrap).
Damit geht es dann (fast) wie von selbst!
Schau mal auf http://holdirbootstrap.de/

Antwort
von CrEdo85, 29

Nachträglich umschreiben?.. Viel spaß dabei wieder bei null anzufangen :)

Antwort
von SimonOrth, 15

Hier ist das gut beschrieben, je nach Bildschirmgröße und ob im Hoch- oder Längsformat:
http://stackoverflow.com/questions/13550541/media-min-width-max-width
Beste Grüße,
Simon

Keine passende Antwort gefunden?

Fragen Sie die Community