CSS como redimensionar textos segun tamaño de pantalla?

Buenas, estoy haciendo una pagina web, estoy intentando hacerla adaptativa. por ahora va bien la cosa, con las imagenes no tengo problema ya que se redimensionan solas según el tamaño de ventana. El problema que tengo es que el texto se comporta distinto, y tiene un tamaño fijo, lo único que pasa al redimensionar la ventana es que el contenedor se hace mas pequeño por lo que la posición del texto cambia, entonces tengo 2 problemas, no se redimensiona y descuadra todo el diseño.

Lo único que se me ocurre es con media queries ir poniendole unos cuantos tamaños de pantalla y en cada uno ir cambiando el tamaño de las letras y la posicion de las mismas, pero serian muchos cambios para que en todos los tamaños de pantalla quedase bien. Nose fijo que hay algo mas fácil, alguna idea? muchas gracias.
CSS: Tamaños relativos de fuente según la resolución.
CSS3 Media Queries: Affect on Font Sizes.
Difference Between em, px, pt and % in Font Sizes

No te podría decir si es el método más correcto, pero creo que lo mejor sería que el tamaño del texto no tuviera un tamaño fijo y fuera relativo a la resolución de pantalla. Tal y cómo dices, creo que podrías hacerlo con media-queries, en los enlaces superiores tienes algo de información ;)
Newton escribió:CSS: Tamaños relativos de fuente según la resolución.
CSS3 Media Queries: Affect on Font Sizes.
Difference Between em, px, pt and % in Font Sizes

No te podría decir si es el método más correcto, pero creo que lo mejor sería que el tamaño del texto no tuviera un tamaño fijo y fuera relativo a la resolución de pantalla. Tal y cómo dices, creo que podrías hacerlo con media-queries, en los enlaces superiores tienes algo de información ;)


Gracias ,le echare un vistazo
Yo lo hago con media queries, por ejemplo:

@media ( max-width: 770px){
.page-widgets-home a img{
width: 100%;
margin-top:3em!important;
margin-bottom:3em!important;
}
}

Saludos
3 respuestas