Optimale Auflösung für Webseite?

... komplette Frage anzeigen

6 Antworten

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 bewerten Vielen Dank für Deine Bewertung

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

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von creator78
12.11.2015, 23:23

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

0
Kommentar von androhecker
12.11.2015, 23:25

Was meinst du mit Auflösungen?

0

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 bewerten Vielen Dank für Deine Bewertung

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 bewerten Vielen Dank für Deine Bewertung

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

Antwort bewerten Vielen Dank für Deine Bewertung

Was möchtest Du wissen?