Qual è la massima altezza e larghezza pratiche per un'applicazione Web?

Question

Supponiamo di voler creare un'applicazione Web che utilizzi larghezza e altezza fisse e voglio che l'interfaccia si adatti allo schermo per risoluzioni schermo comuni. Supponiamo che l'applicazione venga utilizzata solo su computer portatili e workstation (e non su dispositivi mobili) e verrà utilizzata dai professionisti IT.

Qual è la dimensione più grande possibile che posso rendere l'applicazione? Penso che le considerazioni chiave qui siano la risoluzione dello schermo più comune e quanto spazio riservare per il browser chrome, che può dipendere dal fatto che l'utente abbia installato barre degli strumenti, ecc.

Oppure devo creare tutti gli elementi della pagina ridimensionabile e andare con layout fluido? Sembra che potrebbe essere un bel po 'di lavoro.

Answer 1

layout fluidi sono grandi se il progetto funziona per esso.

In caso contrario, 960px wide è molto comune e funziona praticamente su qualsiasi browser su una risoluzione dello schermo 1024x768 (che è ancora MOLTO comune).

Per quanto riguarda l'altezza, le persone generalmente stanno bene con lo scorrimento verso il basso, ma se ne hai bisogno in una finestra, devi stare sotto circa 500-600px a seconda del browser e di quali barre degli strumenti l'utente ha installato.

Answer 2

960x600 pixel

Answer 3

È possibile utilizzare uno strumento di analisi per determinare la risoluzione degli attuali utenti.

Answer 4

Si potrebbe provare a fare solo una parte del layout fisso, e quindi utilizzando del max-width/min-width e max-height/min-height per vincolare ciò che devi CSS. La decorazione deve essere fluida il più possibile (ad esempio, le immagini di grandi dimensioni non devono forzare il browser a 1600px di larghezza, basta mostrare il più possibile nella larghezza disponibile nel browser dell'utente, senza barre di scorrimento orizzontali, provare a impostare il contenitore width in 100%).

È possibile inserire uno min-width di 30em su una colonna di testo principale, per una lettura comoda (vedere Ideal line length for content), e forse un limite superiore di qualcosa di ampio ma leggibile. È spiacevole quando si naviga in un sito con un layout che ne contrae il contenuto in una piccola scatola di dimensioni fisse, soprattutto quando è solo per preservarne il design. Se il tuo progetto richiede che il contenuto dinamico si adatti ad una dimensione fissa, il design potrebbe probabilmente usare un po 'di riflessione.