Einrichten meiner Web-Seiten auf einem Widescreen-Monitor kann mich verursacht haben ungenau div Positionen erstellen

Question

ich zusammen vor kurzem eine Website, die ausschließlich über einen Computer mit einem Breitbild-Monitor. Später, als mit einem kleineren Monitor die gleichen Seiten online mit einem Computer zu öffnen, als ich plötzlich bemerkte, dass alle die div Positionen völlig fehl am Platz sind. Meine Frage ist, wie der Breitbild-Monitor verwenden, um weiterhin meine Web-Seiten zu entwickeln, ohne div-Positionen für Ansichten auf regelmäßige Größe Monitore vermasselt?

Re antwortet:

Vielen Dank für die Beratung Jungs. Ich bin damit einverstanden, dass das Design der Seite sollte flexibel genug sein, um die meisten Browser-Fenstergrößen anzupassen. Wenn jedoch u mit einem Widescreen-Monitor arbeiten und unaufmerksam ist es leicht zu überkompensieren div Platzierungen und Elementgrößen. Meine nächste Frage ist, wie sicher die regelmäßigen Browser-Fenster Dimensionen zu sein und wie mein Browser-Fenster in diese Größe zu zwingen?

Danke Cyrena für mich Richtungen mit den Entwicklungs-Tools zu geben. Ich sie verwenden und überprüfen in allen Browsern. Aber mein Problem hier arbeitet ausschließlich auf einem Widescreen-Monitor mit dem Browser maximierte. Ich möchte nicht den gleichen Fehler machen, damit ich heraus müssen, wie zu meinen Browser-Fenstern mit den richtigen Dimensionen zu ändern.

Answer 1

Zwei grundlegende Ansätze aus der Spitze von meinem Kopf:

1. Ändern Sie die Größe Ihres Browsers die Breite Ihrer minumum unterstützten Desktop / Browser Größe sein.
2. Set Desktop-Einstellungen verschiedene Größen sein (wie Profile) und zwischen ihnen wechseln während der Phase zu testen.

Die Wahrheit ist, dass eine wirklich gut aussehende Website wird nie Konfigurationen auf allen Browser arbeiten. Wählen Sie eine Bar und Arbeit dagegen.

Answer 2

Sie Ihr Browserfenster nicht maximieren? schrumpfen es nur horizontal ein wenig?

Aber jede Website, die eine so hohe Abhängigkeit von der Form Ihrer Anzeige hat, ist schlecht konzipiert. Es sollte auf jede beliebige Größe Anzeige passen, die als einig Minimum größer ist (keine Verwendung zusätzlichen Aufwand zu verbringen sie auf einem 100x100 Pixel Bildschirm passen zu machen)

Answer 3

Wenn Sie IE Developer Tools verwenden, können Sie die Größe des Fensters zu sehen, was es in verschiedenen Auflösungen aussehen würde.

Check it out in: Tools> Entwicklertools> Menü Extras> Größe ändern.

Sie werden auch sicherstellen möchten, dass Sie testen Ihre Website auf anderen Browser / OS Kombinationen zumindest.