Skip to main content
adicionou 56 caracteres ao conteúdo
Fonte Link
Kazzkiq
  • 12mil
  • 10
  • 53
  • 83

Como você disse, a medida em é uma medida relativa, ou seja, ela precisaé calculada a partir de umaum valor fixo "base" para ser calculada. Sendo assim, você poderia fazer o seguinte código:

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    body{
        font-size:15px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body{
        font-size:25px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    body{
        font-size:50px;
    }
}

E toda vêz que você atribuisse a propriedade font-size:1em [n]em (onde [n] pode ser qualquer valor float > 0) para algum elemento, ele teria o tamanho da fonte de acordo com a media-query atual.

Exemplo: FIDDLE

Como você disse, a medida em é uma medida relativa, ou seja, ela precisa de uma "base" para ser calculada. Sendo assim, você poderia fazer o seguinte código:

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    body{
        font-size:15px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body{
        font-size:25px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    body{
        font-size:50px;
    }
}

E toda vêz que você atribuisse a propriedade font-size:1em para algum elemento, ele teria o tamanho da fonte de acordo com a media-query atual.

Exemplo: FIDDLE

Como você disse, a medida em é uma medida relativa, ou seja, ela é calculada a partir de um valor fixo "base". Sendo assim, você poderia fazer o seguinte código:

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    body{
        font-size:15px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body{
        font-size:25px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    body{
        font-size:50px;
    }
}

E toda vêz que você atribuisse a propriedade font-size: [n]em (onde [n] pode ser qualquer valor float > 0) para algum elemento, ele teria o tamanho da fonte de acordo com a media-query atual.

Exemplo: FIDDLE

Fonte Link
Kazzkiq
  • 12mil
  • 10
  • 53
  • 83

Como você disse, a medida em é uma medida relativa, ou seja, ela precisa de uma "base" para ser calculada. Sendo assim, você poderia fazer o seguinte código:

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    body{
        font-size:15px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body{
        font-size:25px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    body{
        font-size:50px;
    }
}

E toda vêz que você atribuisse a propriedade font-size:1em para algum elemento, ele teria o tamanho da fonte de acordo com a media-query atual.

Exemplo: FIDDLE