Bildschirmauflösungen und CSS

Question

Wenn ich meine Bildschirmauflösung auf 1024 * 768 setze, bedeutet das, dass meine Website 1024 Pixel breit sein kann?

Wenn ja, warum schneidet ein Bild mit einer Breite von 1024 Pixeln die Seite ab?

http://stevenportfolio.servehttp.com

Answer 1

Die kurze Antwort ist nein. Eine Bildschirmauflösung von 1024 x 768 bedeutet, dass Ihr Bildschirm 1024 Pixel horizontal und 768 Pixel vertikal anzeigt. Wenn Sie Ihre Webseite jedoch anzeigen, verwenden Sie nicht immer 100% dieser Pixel. Beispielsweise nimmt die Bildlaufleiste in Ihrem Browser einige dieser Pixel auf oder wenn der Browser nicht maximiert ist, haben Sie möglicherweise nur die Hälfte des Bildschirms.

Sie sollten nie eine Website entwerfen, die eine bestimmte Auflösung aus mehreren Gründen wird auf dem Bildschirm beruht:

• haben nicht alle Benutzer die Auflösung gleichen Bildschirm
• Auch wenn Sie versuchen, die Auflösung zu finden, mit JavaScript oder eine ähnliche Kerbe, kann es oder nicht korrekt gemeldet werden (plus Ihre Website sollte nicht JavaScript erforderlich arbeiten)
• kann das Browserfenster oder nicht
maximiert werden kann

Versuchen Sie, ein Design zu finden, das flexibel genug ist, um für jede Standardbildschirmgröße skaliert zu werden. Vergessen Sie nicht, Ihre Website häufig auf verschiedenen Bildschirmgrößen, Browsern, Betriebssystemen und Auflösungen zu testen. (Sie können browsershots.org verwenden, wenn Sie nicht mehrere Computer zur Hand haben.)

Answer 2

Wenn Ihre Bildschirmauflösung von 1024x768, das bedeutet, dass Ihr Bildschirm 1024 Pixel breit ist. Der verfügbare Platz für eine Webseite ist wahrscheinlich etwas geringer, da Bildlaufleisten und Fensterrahmen etwas Platz einnehmen.