Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

timao

colocar textos em %

Recommended Posts

No meu reset e por padrão do meu site todas as minhas width são em % para ocuparem sempre a mesma parte da tela independente da resolução pixel do monitor.

 

Entretanto isso não acontece com as letras, conforme a tela diminui parte delas vai ficando em oculto ou criando outra linha o que desconfigura todo designer do site ....

 

Sei que é simples resolver, mas não sei qual tag usar e como usa-la....

 

o que posso fazer? Alguém me ajuda?

 

....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não conheço como fazer a mudança do tamanho da letra automaticamente. Existem alguns plugins jQuery que até ajudam, tbm você pode tentar usar outra unidade no lugar de "px", como "rem" ou "em".

Compartilhar este post


Link para o post
Compartilhar em outros sites

To tentando isso....

 

o fato é que a letra não esta relativa, mas ficou dentro do box ao menos ....

acho que o caminho é esse e u que não estou sabendo resolver ....

 

 

se for essa a resposta te dou o ponto... só deixa eu ver onde mais estou errando ... rsrs

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não se esqueça que com EM ele assume um tamanho relativo ao tamanho da fonte do pai.

 

Use REM para ele se referenciar a partir do tamanho de fonte do body.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado a todos mais acabei de ver que o que esperava como resultado é impossível por enquanto... resolvi então por bem do meu layout em dispositivos menores tornar o site mais responsivo e ocultar os elementos que não se adequam tão bem ....

 

vai ai uma dica boa pra quem quer fazer barras de menu responsivas ...

 

 

http://codigofonte.uol.com.br/artigos/10-solucoes-de-navegacao-responsiva

Compartilhar este post


Link para o post
Compartilhar em outros sites

Quase sempre eu uso:
body{

font-size: 16px

}

p{

font-size: 1em

}

 

No caso, o <p> vai ter o tamanho de 16px, se eu mudar nas midias queries que o body vai ter:
body{

font-size: 14px

}

Automaticamente o meu <p> vai ter o font-size de 14px. Porque ele estaria pegando as referências do pai dele, no caso o body.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.