2012-10-31 12 views
5

Ho guardato e non sembra esserci un altro post, è esattamente quello che sto cercando, e ho una scadenza per farlo funzionare, quindi vediamo se posso spiegarlo meglio.100% Heights vs Browser Zoom

Abbiamo una pagina in sviluppo su un sito Drupal che utilizza la presentazione di pannelli e viste. Ci sono molti elementi di posizione assoluti e fissi a causa di dove devono essere sulla pagina. Il div genitore deve avere una larghezza e un'altezza del 100% per riempire la pagina. Tenendo presente che il punto di questa pagina è di non avere barre di scorrimento e presentare tutto all'utente, indipendentemente dalla dimensione dello schermo su cui si trovano. Quindi ho le query multimediali che puliscono gli elementi dove è necessario su determinate dimensioni dello schermo.

Anche se un utente utilizza il proprio browser per eseguire lo zoom in avanti nella pagina, gli elementi iniziano a spostarsi e sovrapporsi uno sull'altro. Credo che questo sia dovuto al fatto che l'altezza/larghezza del 100% aderisce in modo specifico alle dimensioni della finestra e non si espande oltre la finestra quando un utente ingrandisce.

Sono stato in grado di risolverlo rimuovendo il 100% e sostituendoli con pixel, ma questo diventa un problema perché se lo schermo non è l'altezza o larghezza corretta, allora hai le barre di scorrimento e l'utente non vede immediatamente tutto sulla pagina.

C'è qualche codice JavaScript o qualcosa che può utilizzare il 100% di altezza/larghezza e consentire loro di espandersi oltre la pagina e attivare barre di scorrimento, durante lo Zoom del browser?

Ricordare che se un utente sta eseguendo lo zoom, il suo OK per il riempimento della pagina e le barre di scorrimento da mostrare, ma la schermata predefinita non è consentita.

Spero che questo sia OK per mostrare, ma un esempio di una pagina che utilizza Javascript per ridimensionare l'intera pagina è praticamente quello che posso vedere io stesso bisogno, ma non so come.

http://www.ammunitiongroup.com/

Qualsiasi aiuto apprezzato e più rapido il meglio ovviamente :)

+0

hmm forse questo link non è esattamente quello che voglio. Mi piace/voglio la possibilità di regolare l'altezza e la larghezza della pagina in base alla finestra, ma il loro sito non esegue lo zoom in modo corretto in modo da non tener conto. – Travis

+0

In quale browser visualizzi le barre di scorrimento? – breezy

+0

@BeEasy Non si vedono barre di scorrimento al momento il problema principale. Se ho impostato altezze/larghezze della pagina e elementi fissi/assoluti, le barre di scorrimento appaiono durante l'ingrandimento. Anche se con altezza/larghezza del 100% e elementi fissi/assoluti, non vengono visualizzate barre di scorrimento e il contenuto viene raggruppato sulla pagina o fuoriuscito e non è possibile visualizzarlo. Ho applicato l'overflow: auto dove necessario senza alcun risultato. – Travis

risposta