Ciao a tutti,
mi voglio togliere una curiosità è meglio definire la grandezza dei testi in px o in em?
Qual'è la differenza?
Ciao a tutti,
mi voglio togliere una curiosità è meglio definire la grandezza dei testi in px o in em?
Qual'è la differenza?
Non esiste un "meglio".
Fonamentalmente per le visualizzazione su schermo si usano tre unita` di misura:
px - molto adatta per inserire immagini (che sono intrinsecamente in px)
em - molto adatta per il testo (em e` l'unita` di misura dei caratteri)
% - molto adatta per layout proporzionali o fluidi (che si adattano alla finestra o al contenitore)
Per un blocco che deve contenere testo puoi anche pensare di fissare le dimensioni cosi`:Cosi` in schermi/finestre molto larghi, hai una larghezza massima di 50-70 caratteri, in schermi stretti la larghezza lascia 10% di margini; in ogni caso il blocco e` centrato rispetto al contenitore.codice:.conten_testo { width: 80%; /* larghezza rispetto al contenitore (che a sua volta deve avere width definita) */ margin: 0 auto; /* centrato nel contenitore */ max-width: 50em; /* larghezza massima opportuna per non perdere il filo della riga */ }
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Ok capito!!! grazieOriginariamente inviato da Mich_
Non esiste un "meglio".
Fonamentalmente per le visualizzazione su schermo si usano tre unita` di misura:
px - molto adatta per inserire immagini (che sono intrinsecamente in px)
em - molto adatta per il testo (em e` l'unita` di misura dei caratteri)
% - molto adatta per layout proporzionali o fluidi (che si adattano alla finestra o al contenitore)
Per un blocco che deve contenere testo puoi anche pensare di fissare le dimensioni cosi`:Cosi` in schermi/finestre molto larghi, hai una larghezza massima di 50-70 caratteri, in schermi stretti la larghezza lascia 10% di margini; in ogni caso il blocco e` centrato rispetto al contenitore.codice:.conten_testo { width: 80%; /* larghezza rispetto al contenitore (che a sua volta deve avere width definita) */ margin: 0 auto; /* centrato nel contenitore */ max-width: 50em; /* larghezza massima opportuna per non perdere il filo della riga */ }![]()