• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Eure Bildschirmauflösung

M

MadMax777

Neues Mitglied
Hallo,

ich war mir nicht sicher in welchen Themenbreich ich dies hier posten soll, deswegen hab ich mal kurzer hand für Off-Topic entschieden.

Zur Sache ;-)

Ich überlege grade auf welche Bildschirmauflösung ich meine Zukünftige Webseite optimieren soll.

Und würde gerne damal wissen welche Bildschirmauflösung ihr habt bzw. auf welche Auflösung ihr eine Internetseite optimieren würdet?

vg
Markus
 
Auf garkeine!

Eine Webseite muss auf nem Smartphone mit 280x320 und auf nem 23" mit 1920x1080 oder noch größer funktionieren.
 
Webseiten optimiert man auf den Viewport, also den Bereich den der Browser beim Benutzer zur Verfügung hat (siehe vorherigen Beitrag). Die Bildschirmauflösung selbst spielt keinerlei Rolle.
 
Ich finde es extrem nervig die Seiten an Smartphones, Netbooks etc. anzupassen. Wie soll ich bitte meine Header-Grafik daran anpassen, falls diese eine feste Größe hat?

Wie wäre es wenn man eine Subdomain anlegt z.b. mobile.meine-seite.de
Wäre es möglich die Besucher, die mit einem Smartphone oder dergleichen im Internet sind, automatisch auf diese Subdomain umzuleiten.

Die Subdomain ist dann natürlich angepasst und enthält wenig Grafiken und nur den Content.
 
Für den Laien?

Bedeutet

Eine Webseite muss auf nem Smartphone mit 280x320 und auf nem 23" mit 1920x1080 oder noch größer funktionieren.

das Ihr als Schriftgröße em einsetzt, alle grafiken und div's bekommen % als Höhe u. Breite?

Zerreist dann nicht die Struktur der Grafik?:shock:

HAWA
 
Eine Subdomain ist dafür nicht nötig, dafür gibt es die Möglichkeit, alternative Stylesheets anzubieten oder die Seite so zu gestalten, dass sie auch ohne Grafiken nutzbar bleibt.
 
Schon wieder der Laie.

Wie sag ich dem Browser von nem 23'' welches sheet er nehmen soll??

HAWA
 
Zuletzt bearbeitet:
hawa schrieb:
das Ihr als Schriftgröße em einsetzt
Zum Vergrößern anklicken....
Ja, für die meisten Texte sollte man em nutzen.

alle grafiken und div's bekommen % als Höhe u. Breite?
Zum Vergrößern anklicken....
Nein, aber alle Grafiken müssen einen Alternativtext haben, der die Grafik ersetzt, wenn diese deaktiviert werden.

Zerreist dann nicht die Struktur der Grafik?:shock:
Zum Vergrößern anklicken....
Das könnte passieren, deshalb macht man es ja auch nicht.

Wie sag ich dem Browser von nem 23'' welches sheet er nehmen soll??
Zum Vergrößern anklicken....
Dafür muss der Entwickler erstmal alternative Stylesheets anbieten, wie du die in deinem Browser auswählst, sagt dir die Suchmaschine. Im Firefox ist es unter Ansicht -> Webseiten Stil.
 
Das wäre die Lösung für das Problem. Dann brauch man in den verschiedenen Sheets nur die größen anpassen.

Aber ich befürchte, dass die Ermittlung der Auflösung nur mit Javascript funktioniert... und ich weiß nicht ob Smartphones etc. Javascript unterstützen. Es gibt ja auch einige Desktop User, die Javascript deaktiviert haben.

Oder gibt es da noch eine andere Methode?


Edit: Also ist es nur Möglich, dass der User selbstständig die Stylesheets wechselt?
 
Ok Leute die mit Smartphone surfen haben die Grafiken ausgeschaltet deshalb der Alternativtext. Klar
Alternative Stylesheets anbieten im head so halb klar mach ich mich schlau.
Wenn ich mehrere angebe kann der Viewer Sie z.B in Firefox auswählen, bei mir steht jetzt nur Standard oder kein Stil weil kein anderes angeboten wird, ist das so korrekt??
 
Dafür braucht man kein JavaScript, die alternativen Stylesheets hält man einfach so sauber, dass sie sich der Viewportgröße anpassen. Grafiken werden durch alternative Texte ersetzt wenn möglich und gut ist.

Wenn mehrere Stylesheets angeboten werden, sind die dort aufgelisten und können frei gewählt werden.
 
Soweit ich weiß, passen die aktuellen Geräte die Anzeige an. Manche melden dann sogar über JS eine höhere Auflösung, als sie effektiv haben. Trotzallem halte ich es für müßig sich zuviel Gedanken über auflösungen zu machen.

Und m die Frage des OP zu beantworten, ich hab zwei Monitore einen mit 2048x1152 und einen mit 1024x768
 
Ich nehme Bildschirmauflösungen von 1000px nicht 1024px. Da habe ich dann genügend Pixel über, damit das Layout bei einer Scrolleiste oder Dicken Fensterrändern wie beim IE nicht beeinflusst wird wird. Die Höhe ist völlig egal.
Es kann helfen, wenn man mit JavaScript die Auflösung ausliest und für Kleingeräte ein extra Layout erstellt, bzw. man einen Umschalt Button Links oben erstellt. Würde ich aber auch nur für diese Fälle benutzen, und für große Auflösungen durchweg 1000px nehmen, da es Probleme geben kann, wie struppi schon erwähnt hat.

Gruß Corvulus
 
JavaScript die Auflösung

Hallo,
könnt ihr eine Seite zu JavaScript empfehlen, bevor ich wie bei HTML u. CSS erst wieder was lerne was ich nachher doch wieder überarbeiten muß ( Semantik )?

Habt ihr einen Link für

Es kann helfen, wenn man mit JavaScript die Auflösung ausliest

parat?

Danke HAWA
 
Wenn ich so die Beiträge durchlese, scheint es mir so, als wenn eine Webseite die sich der Bildschirmauflösung bzw. der Fenstergröße des Browser automatisch anpasst, das Maß aller Dinge zu sein.
 
hawa schrieb:
Hallo,
könnt ihr eine Seite zu JavaScript empfehlen, bevor ich wie bei HTML u. CSS erst wieder was lerne was ich nachher doch wieder überarbeiten muß ( Semantik )?

Habt ihr einen Link für

Es kann helfen, wenn man mit JavaScript die Auflösung ausliest

parat?

Danke HAWA
Zum Vergrößern anklicken....

Hallo hawa,

je nach dem, wie du deine Seite gestalten möchtest, würde ich persönlich auf JS verzichten. Und es über CSS lösen. Denn was machst du z.B. wenn Benutzer XY sein Browserfenster verkleiner oder vergrößert? Grade wenn du möchtest dass die Seite immer ganz im Fenster zusehen sein soll, ohne das man horizontal Scrollen muss.

vg
Markus
 
Hallo MadMax,

versuch ich auch äh sagen wir ich probiere nach Möglichkeit alles in % vorzugeben, das blöde ist halt nur das wenn ich es in verschiedenen Auflösungen teste, oder z.B. den Browser im Fenstermodus habe, dann verzerren die Grafiken, da hakts irgendwie bei mr.

Du hast natürlich recht, hab gar nicht dran gedacht das Browser auf großen Schirmen im Fenster laufen dann bringt das Auslesen der Auflösung natürlich gar nix.

Danke HAWA
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben