Fontes aumentam demais em outras resoluções

[Filipe Inglat]

Boa tarde! Estou com alguns problemas no meu site, que as fontes, quando vistas em outras resoluções, aumentam demais e acabam saindo da sua div, ou então a fonte fica pequena demais e fica visualmente mal. Alguém tem alguma solução para isso? É meio urgente.

 

Valeu!

[DiF]

Poderia por gentileza postar os códigos(css e html) que você tentou fazer? 

[Filipe Inglat]

Parte do HTML

<div id="texto_1"><p id="dentro_texto">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div><div id="texto_2"><p id="dentro_texto">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div>

Parte do CSS

#texto_1{	position: absolute;	background-color: #404344;	font-family: 'eras_light_itcregular';	font-weight: normal;	font-size: 2.2em;	color: #dadada;	top: 30%;	right:3%;	height: 20%;	max-width: 37%;}#texto_2{	position: absolute;	background-color: #f3f1f1;	font-family: 'eras_light_itcregular';	font-weight: normal;	font-size: 2.2em;	top: 55%;	right:3%;	height: 20%;	max-width: 37%;	max-height: 20%;}#dentro_texto {	max-height: 20%;	position: relative;	top: 9%;	left: 5%;	right: 3%;	line-height: 40px;}

[DiF]

Acredito que o problema está nas suas declarações do position.

 

Recomendo que use o conceito de flex do css3.

 

veja um exemplo:

 

http://jsfiddle.net/G8DyW/

[Filipe Inglat]

O que eu queria na verdade é saber se tem algum jeito de fazer com que as fontes sejam redimensionadas, e não as divs, Pois queria que o tamanho das divs continuassem o mesmo, apenas a fonte mudasse de tamanho para que o site fique visualmente bonito. =/

 

Abs

[DiF]

Pelo jeito que está fazendo não..  Você está setando um tamanho fixo e posição absoluta para os divs.  se você utiilizar o ctrl + wheel  verá que rolando a  bolinha do mouse para frente, os elementos da página irão aumentar.. e sair de dentro do div. no sentido o posto as letras ficam minúsculas.. para contornar isso.. você pode fazer de N maneiras. uma delas eu já mencionei.. que é refazer o layout em flex que ele se adapta em qualquer resolução...

Outro jeito é você definir um width fixo^* para o div-pai e posicionar todos os outros elementos dentro dele com posição relativa.

 

*. Geralmente utilizado o 960px e centralizando com margin: 0 auto.