Printable View
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
Cerca "media queries" su google.
Ciao!
ho già guardato ciò che dici ma spiegano tutti in vari modi e non completamente bene. potresti spiegarmi te?
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:
Se lo schermo del visitatore sarà minore di 800px, la proprietà margin-top verrà sovrascritta con il valore 10.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;
}
}
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!