texto com Media Querie - (Texto Responsivo)
Pessoal, estou trabalhando em cima de um tema só que surgiu a dificuldade em diminuir o texto para torna-lo responsivo.
Estou usando o seguinte código porem sem sucesso.
/ Tablet Portrait size to standard 960 (devices and browsers) /
@media only screen and (min-width: 768px) and (max-width: 959px) {
p{
font-size: 14px;
}
}
/ All Mobile Sizes (devices and browser) /
@media only screen and (max-width: 767px) {
p{
font-size: 13px;
}
}
/ Mobile Landscape Size to Tablet Portrait (devices and browsers) /
@media only screen and (min-width: 480px) and (max-width: 767px) {
p{
font-size: 11px;
}
}
/ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) /
@media only screen and (max-width: 479px) {
p{
font-size: 7px;
}
}Tentei todos juntos e este abaixo sozinho. Porem sem sucesso também.
/ Mobile Landscape Size to Tablet Portrait (devices and browsers) /
@media only screen and (min-width: 480px) and (max-width: 767px) {
p{
font-size: 11px;
}
}Sem ser chato mas já sendo, gostaria de saber como fazer isso e se existe a possibilidade de direcionar este estilo só para alguns textos.
Caso não seja possível aceito compactar todos. Abraço e obrigado.
Discussão (5)
Carregando comentários...