Impostazione mie pagine web su un monitor widescreen potrebbe mi hanno causato per creare posizioni div imprecisi

Question

Recentemente ho messo insieme un sito web utilizzando esclusivamente un computer con un monitor wide screen. Più tardi, quando aprire le stesse pagine online utilizzando un computer con un monitor di dimensioni più piccole, improvvisamente ho notato che tutte le posizioni div sono del tutto fuori luogo. La mia domanda è come utilizzare il monitor widescreen di continuare a sviluppare le mie pagine web senza dover mettere div posizioni per le viste su monitor di dimensioni regolari?

Re risponde:

Grazie per i ragazzi un consiglio. Sono d'accordo che il design della pagina dovrebbe essere sufficientemente flessibile per accogliere la maggior parte delle dimensioni della finestra del browser. Tuttavia, quando u stanno lavorando con un monitor widescreen e non prestare attenzione, è facile a posizionamenti div compensazione eccessiva e dimensioni degli elementi. La mia prossima domanda è su come essere sicuri di regolari dimensioni della finestra del browser e come forzare la mia finestra del browser in quelle dimensioni?

Grazie per avermi dato Cyrena direzioni con gli strumenti di sviluppo. Io li uso e controllare tutti i browser. Ma il mio problema qui stava lavorando esclusivamente su un monitor widescreen con il browser massimizzato. Io non voglio fare lo stesso errore, quindi ho bisogno di capire come ridimensionare la mia finestra del browser con le giuste dimensioni.

Answer 1

Due approcci di base al largo della parte superiore della mia testa:

1. Ridimensiona browser per la larghezza del minumum supportato dimensioni del desktop / browser.
2. Impostare le preferenze del desktop di essere diversi formati (come i profili) e passare da uno all'altro durante la fase di test.

La verità è che davvero un buon sito alla ricerca non potrà mai lavorare su tutte le configurazioni del browser. Scegli un bar e lavoro contro questo.

Answer 2

Non massimizzare la finestra del browser? Basta ridursi orizzontalmente un po '?

Ma ogni sito web che ha tale una forte dipendenza dalla forma del vostro display è mal progettato. Dovrebbe adattarsi a qualsiasi dimensione del display che è più grande di alcune minimo (non serve spendere sforzo supplementare per farlo entrare su uno schermo di 100x100 pixel)

Answer 3

Se si utilizzano strumenti di sviluppo di IE, è possibile ridimensionare la finestra per vedere che cosa sarebbe simile a diverse risoluzioni.

Check it out in: Strumenti> Strumenti di sviluppo> menu Strumenti> Ridimensiona.

Si vuole anche assicurarsi che si sta testando il vostro sito web su altre combinazioni del browser / OS per lo meno.