Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    957

    Dimensione testo relativa al contenitore

    Ciao a tutti,
    ho un problema con i css. Non so come poter fare per impostare un font-size relativo al contenitore.
    Mi spiego meglio. Ho un layout tutto a percentuali in modo che si adatti allo schermo, vorrei fare in modo che anche il testo si ingrandisca in base allo schermo. E' possibile questo?

    Spero di essermi spiegato, grazie.

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    ti basta impostare un font-size in % o em;
    questo sarà relativo al font-size impostato sul contenitore
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    957
    MMh, no ecco, non era esattamente questo. Cioè in questo caso sarebbe relativo al font-size del contenitore, io vorrei fosse relativo... diciamo al width del contenitore.
    Ti faccio l'esempio, ho un DIV a 60% della larghezza della pagina e con font-size: 1em.
    Su un monitor 1024 lo vedo ad una certa dimensione, su un monitor a 1680px vedo il div molto più grande ma il testo è sempre identico (ha la stessa dimensione).
    Non posso renderlo relativo alla dimensione del div in modo che su monitor più grandi anche il font sia più grande?

    Ovviamente vorrei farlo con i css... se dovessi farlo applicativo, a questo punto farei tutto in em e poi cambierei il font-size del body.

    Grazie!

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    qualcosa si può fare in puro css purché il browser supporti le media queries
    ad es.


    @media screen and (max-width: 800px) {
    div { font-size: 12px; }
    }

    @media screen and (max-width: 1024px) {
    div { font-size: 14px; }
    }

    @media screen and (max-width: 1680px) {
    div { font-size: 18px; }
    }

    ...
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    957
    non è una cattiva idea...
    grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.