Visualizzazione risultati 1 fino 7 di 7

Discussione: [Wordpress] Problema di visualizzazione con monitor da 10pollici

  1. #1
    Guest

    Predefinito [Wordpress] Problema di visualizzazione con monitor da 10pollici

    Salve, ho notato che con un netbook da 10 pollici, le pagine del mio blog vengono visualizzate in modo distorto da come invece appaiono con uno schermo più grande. Gli articoli appaiono come schiacciati in una colonna. A cosa può essere dovuto, e quale potrebbe essere una soluzione?

  2. #2
    L'avatar di darkwolf
    darkwolf non è connesso Super Moderatore
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,552

    Predefinito

    Usi un menù "fluido" che prova pertanto ad ottimizzarsi con ogni risoluzione.
    Un 10 pollici ha, per ovvie ragioni, una bassa risoluzione che obbliga il tuo layout a restringersi più possibile.
    Potresti provare, via javascript, ad intercettare la risoluzione dell'utente e fornirgli il tema più ottimizzato ma sarebbe un lavoro piuttosto complesso.
    Il mio consiglio è quello di usare un layout fisso ed ottimizzato per 1024x768 (la risoluzione più usata) e lasciare che sia l'utente ad arrangiarsi in caso di risoluzioni inferiori.
    » Salvatore Noschese - L'AltroWeb | Seguimi su: facebook | twitter | Google+
    # Che aspetti? Unisciti alla community! Tanti nuovi gruppi ti aspettano


  3. #3
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    Citazione Originalmente inviato da darkwolf Visualizza messaggio
    Potresti provare, via javascript, ad intercettare la risoluzione dell'utente e fornirgli il tema più ottimizzato ma sarebbe un lavoro piuttosto complesso.
    Perché farlo con javascript? Le Media Queries sono state inventate per questo.

  4. #4
    Guest

    Predefinito

    Le risoluzioni dei monitor sono:
    - 1440 * 900 pixel (schermo grande)
    - 1024 * 600 pixel (schermo piccolo)

    Per dare un'idea di ciò che avrei in mente di ottenere, posso fare il paragone con il forum di Altervista. Con lo schermo piccolo non visualizzo lo spazio bianco ai lati, ottenendo come risultato una pagina praticamente identica a quella visualizzata con lo schermo grande. Lo stesso avviene con la maggior parte delle pagine web (niente spazio bianco ai lati), Come faccio ad ottenere un risultato simile per il mio sito web?

  5. #5
    L'avatar di darkwolf
    darkwolf non è connesso Super Moderatore
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,552

    Predefinito

    Vedo che hai scelto un layout fisso ma... manca qualcosa.
    Lo vedo malaccio adesso. Prende tutta la pagina e sta sulla sinistra.
    Rimuovi nel css > container:
    min-width: 700px;
    width: 100%;
    E aggiungi, sempre in container:
    width: 990px
    margin: 0 auto;
    » Salvatore Noschese - L'AltroWeb | Seguimi su: facebook | twitter | Google+
    # Che aspetti? Unisciti alla community! Tanti nuovi gruppi ti aspettano


  6. #6
    Guest

    Predefinito

    Citazione Originalmente inviato da darkwolf Visualizza messaggio
    Vedo che hai scelto un layout fisso ma... manca qualcosa.
    Lo vedo malaccio adesso. Prende tutta la pagina e sta sulla sinistra.
    Rimuovi nel css > container:

    E aggiungi, sempre in container:
    Va tutto bene tranne che la barra a sinistra e a destra di quella centrale appare rossa invece che nera. Immagino sia il colore di sfondo, c'è modo di farla apparire dello stesso colore della barra centrale nera?

  7. #7
    L'avatar di darkwolf
    darkwolf non è connesso Super Moderatore
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,552

    Predefinito

    Stavo per consigliarti di rimuoverla direttamente (dato che, esteticamente, lascia a desiderare ed è di nulla utilità) ma vedo che hai già fatto da te
    » Salvatore Noschese - L'AltroWeb | Seguimi su: facebook | twitter | Google+
    # Che aspetti? Unisciti alla community! Tanti nuovi gruppi ti aspettano


Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •