Voglio massimizzare le dimensioni dello screenshot ed evitare anche la barra di scorrimento o l'overflow per il massimo.
Che taglia mi consigliate?
Sto usando Lightbox.
Qual è la dimensione migliore da utilizzare per visualizzare la dimensione a schermo intero di uno screenshot dell'applicazione?
Risposte:
Ecco l'ottimo strumento Dimensione del browser di Google che mostra quante percentuali di utenti vedranno le diverse aree del tuo sito web. Questo aiuta davvero a controllare le pagine Web e garantire che le persone su schermi "poco profondi" (la maggior parte dei laptop hanno schermi molto ampi ma molto poco profondi / non profondi) possano vedere i tuoi contenuti importanti e inviti all'azione.
Aggiornamento : Google ha ora aggiunto questa funzionalità a Google Analytics, permettendoti di vedere quanto i tuoi visitatori possono vedere del tuo sito: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html
La grafica è una specie di ghetto per un'app di Google, ma questo sembra uno strumento molto utile e presumo che probabilmente aggiornino regolarmente le percentuali di suddivisione in modo da avere gli ultimi dati sulle dimensioni dello schermo.
—
Lèse majesté,
Sì, ghetto è la parola giusta! È in Labs, quindi non sono sicuro di quanto bene sia mantenuto, ma è una rivelazione per i designer con schermi enormi.
—
nthonygreen,
Ah, mi sbagliavo. L'immagine non viene generata in tempo reale dai dati dell'utente. Sta solo sovrapponendo un'immagine statica sulla pagina Web e sembra che non la aggiornino da circa un anno: browsersize.googlelabs.com/static/…
—
Lèse majesté
Proprio come una nota bene rapida, se lo schermo è più largo di una certa dimensione, l'immagine si ripete. Sul mio iMac 2560x1440, posso vederlo quasi due volte. Inoltre, non funziona bene con i contenuti centrati.
—
BR
Questo strumento sembra scadente, se il tuo sito non ha una larghezza fissa, allora si ridimensionerà al tuo browser e l'overlay è totalmente sbagliato.
—
seta,
Ciò potrebbe variare in base al sito e alla base utenti, ma molti siti Web supportano ancora una larghezza dello schermo di 1024 pixel di larghezza (poiché esiste ancora una base utenti considerevole che utilizza tale risoluzione). Pertanto, vorresti che la tua immagine fosse abbastanza grande da adattarsi a uno spazio largo 1024 pixel. Supponiamo che tu abbia 15 pixel di cromo sui lati sinistro e destro del tuo lightbox e che tu volessi un margine di 30 pixel su entrambi i lati per le persone con risoluzioni del monitor di 1024 pixel.
1024 - 30px (lightbox chrome) - 60px (margini) = immagine larga 934px.
Ancora una volta, le specifiche potrebbero essere diverse per il tuo sito, in particolare se desideri che i bordi del lightbox si trovino in un determinato punto rispetto alla tua pagina o se stai cercando di agganciare a una griglia o qualcosa del genere.
Una soluzione interessante sarebbe quella di caricare gli screenshot con una risoluzione massima di 2560x1600. Quindi, quando la pagina viene caricata, rileva la dimensione della finestra del browser e utilizza un gestore di immagini per ridimensionare e salvare l'immagine sul tuo server alla sua prima richiesta.
In questo modo le persone con monitor ad alta risoluzione non vengono trascurate.
puoi rilevare in modo affidabile le dimensioni della finestra del browser? forse ..
—
Jeff Atwood,
$(window).width()e $(window).height()in jQuery sembrano essere validi!
@Jeff - solo alcune volte: stackoverflow.com/questions/2596594/…
—
Jeremy Boyd