Skip to main content
Tweeted twitter.com/StackOverflowPT/status/1190055994925232133
adicionou 70 caracteres ao conteúdo
Fonte Link
Gabriel Silva
  • 734
  • 3
  • 8
  • 25

Estou tentando mudar o tamanho de uma font quando diminuir ou aumentar o tamanho da minha tela usando @media

Sei que da seguinte forma funciona:

#Fonte{font-size:10vw;}

@media (max-height:880px){
  #Fonte{
     font-size: 10vh !important;
  }
}

Porém esse comando só trata a altura.

Como posso fazer para tratar a altura e largura ?

É possível fazer no mesmo @ media ?

Estava pensando em algo do tipo se a altura da tela for alterada ou se a largura da tela for alterada:

@media (max-height:880px, max-width:1279px){
      #Fonte{
         font-size: 10vh !important;
      }
    }

Estou tentando mudar o tamanho de uma font quando diminuir ou aumentar o tamanho da minha tela usando @media

Sei que da seguinte forma funciona:

#Fonte{font-size:10vw;}

@media (max-height:880px){
  #Fonte{
     font-size: 10vh !important;
  }
}

Porém esse comando só trata a altura.

Como posso fazer para tratar a altura e largura ?

É possível fazer no mesmo @ media ?

Estava pensando em algo do tipo:

@media (max-height:880px, max-width:1279px){
      #Fonte{
         font-size: 10vh !important;
      }
    }

Estou tentando mudar o tamanho de uma font quando diminuir ou aumentar o tamanho da minha tela usando @media

Sei que da seguinte forma funciona:

#Fonte{font-size:10vw;}

@media (max-height:880px){
  #Fonte{
     font-size: 10vh !important;
  }
}

Porém esse comando só trata a altura.

Como posso fazer para tratar a altura e largura ?

É possível fazer no mesmo @ media ?

Estava pensando em algo do tipo se a altura da tela for alterada ou se a largura da tela for alterada:

@media (max-height:880px, max-width:1279px){
      #Fonte{
         font-size: 10vh !important;
      }
    }
Fonte Link
Gabriel Silva
  • 734
  • 3
  • 8
  • 25

Como controlar o tamanho de uma font usando @media

Estou tentando mudar o tamanho de uma font quando diminuir ou aumentar o tamanho da minha tela usando @media

Sei que da seguinte forma funciona:

#Fonte{font-size:10vw;}

@media (max-height:880px){
  #Fonte{
     font-size: 10vh !important;
  }
}

Porém esse comando só trata a altura.

Como posso fazer para tratar a altura e largura ?

É possível fazer no mesmo @ media ?

Estava pensando em algo do tipo:

@media (max-height:880px, max-width:1279px){
      #Fonte{
         font-size: 10vh !important;
      }
    }