Hola amigos. Necesito vuestra ayuda para lo siguiente.
En un ejemplo sencillo que ahora pondré, hay una cabecera y un texto en h1. Se trata de que, en funcion de que vaya cambian la resolucion del navegador, se debería de ajustar tanto la cabecera como el texto h1.
La cabecera se ajusta, de tal forma que soy voy encogiendo el navegador, si la cabecera, su ancho es el 80%, se va encogiendo para que su ancho sea siempre el 80%, pero el texto h1 siempre tiene el mismo tamaño, no se va encogiendo tambien.
Ahi va el ejemplo:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
body{
font-size:2em;
}
#prueba{
height: 50%;
width: 80%;
background-color: #FF6633;
}
h1{
font-size:200%;
}
En esta parte
He probado con %, con em, con px, pero nada.
A ver si me podeis ayudar, por favor.
Gracias.