Visualizzazione risultati 1 fino 4 di 4

Discussione: sito per cellulare

  1. #1
    londrahtml non è connesso Utente AlterBlog
    Data registrazione
    12-12-2017
    Messaggi
    4

    Predefinito sito per cellulare

    salve. ho creato il mio sito web e su computer si vede bene ma quando si accede da cellulare molte cose sono posizionate a caso. vorrei chiedere come creare un css diverso per il cellulare e come collegarlo alla pagina html principale

    Grazie in anticipo

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    9,596

    Predefinito

    Cerca "media queries" su google.

    Ciao!

  3. #3
    londrahtml non è connesso Utente AlterBlog
    Data registrazione
    12-12-2017
    Messaggi
    4

    Predefinito

    ho già guardato ciò che dici ma spiegano tutti in vari modi e non completamente bene. potresti spiegarmi te?

  4. #4
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    9,596

    Predefinito

    Beh, sostanzialmente fa quello che hai detto all'inizio, ovvero si cambia il css a seconda della dimensione della schermata dell'utente.

    Ad esempio, impostando:

    Codice:
    .classe1
    {
         margin-top: 20px;
    }
    
    
    @media (max-width: 800px)
    {
    /* le regole qui sovrascrivono quelle già definite, se le condizioni vengono rispettate (max-width) */
       .classe1
       {
         margin-top: 10px;
       }
    }
    Se lo schermo del visitatore sarà minore di 800px, la proprietà margin-top verrà sovrascritta con il valore 10.

    Ci sono molti modi di filtrare (max-width, device-aspect-ratio, min-resolution...).

    Comunque una lettura di una guida media queries è sicuramente più esaustiva e approfondita di qualsiasi risposta tu possa avere in un forum.

    Ciao!
    Ultima modifica di alemoppo : 14-12-2017 alle ore 19.01.42

Regole di scrittura

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