Skip to main content
adicionou 70 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

A resposta do Samir está ótima, mas a medida vm não é suportada por alguns celulares mais antigos:

  • Androids mais antigos que o 4.4 (como o 4.2 e 4.3)
  • iOS7, IE11 e Edge só tem suporte parcial

(Fonte: http://caniuse.com/#feat=viewport-units)

No caso provavelmente o seu layout também é responsivo, então você pode reaproveitar as suas media-queries existentes, por exemplo:

@media (max-width: 768px){
    elemento {
        font-size: [MEDIDA DESEJADA];
    }
}

@media (max-width: 1024px){
    elemento {
        font-size: [MEDIDA DESEJADA];
    }
}

Note que media-query não funciona em alguns browsers quando usado eles aninhados.

Se precisar de compatibilidade pro IE8 pode tentar este script que não tem dependencias com outros frameworks javascript: https://github.com/scottjehl/Respond

A resposta do Samir está ótima, mas a medida vm não é suportada por alguns celulares mais antigos:

  • Androids mais antigos que o 4.4 (como o 4.2 e 4.3)
  • iOS7, IE11 e Edge só tem suporte parcial

(Fonte: http://caniuse.com/#feat=viewport-units)

No caso provavelmente o seu layout também é responsivo, então você pode reaproveitar as suas media-queries existentes, por exemplo:

@media (max-width: 768px){
    font-size: [MEDIDA DESEJADA];
}

@media (max-width: 1024px){
    font-size: [MEDIDA DESEJADA];
}

Note que media-query não funciona em alguns browsers quando usado eles aninhados.

Se precisar de compatibilidade pro IE8 pode tentar este script que não tem dependencias com outros frameworks javascript: https://github.com/scottjehl/Respond

A resposta do Samir está ótima, mas a medida vm não é suportada por alguns celulares mais antigos:

  • Androids mais antigos que o 4.4 (como o 4.2 e 4.3)
  • iOS7, IE11 e Edge só tem suporte parcial

(Fonte: http://caniuse.com/#feat=viewport-units)

No caso provavelmente o seu layout também é responsivo, então você pode reaproveitar as suas media-queries existentes, por exemplo:

@media (max-width: 768px){
    elemento {
        font-size: [MEDIDA DESEJADA];
    }
}

@media (max-width: 1024px){
    elemento {
        font-size: [MEDIDA DESEJADA];
    }
}

Note que media-query não funciona em alguns browsers quando usado eles aninhados.

Se precisar de compatibilidade pro IE8 pode tentar este script que não tem dependencias com outros frameworks javascript: https://github.com/scottjehl/Respond

Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

A resposta do Samir está ótima, mas a medida vm não é suportada por alguns celulares mais antigos:

  • Androids mais antigos que o 4.4 (como o 4.2 e 4.3)
  • iOS7, IE11 e Edge só tem suporte parcial

(Fonte: http://caniuse.com/#feat=viewport-units)

No caso provavelmente o seu layout também é responsivo, então você pode reaproveitar as suas media-queries existentes, por exemplo:

@media (max-width: 768px){
    font-size: [MEDIDA DESEJADA];
}

@media (max-width: 1024px){
    font-size: [MEDIDA DESEJADA];
}

Note que media-query não funciona em alguns browsers quando usado eles aninhados.

Se precisar de compatibilidade pro IE8 pode tentar este script que não tem dependencias com outros frameworks javascript: https://github.com/scottjehl/Respond