ajustar texto a pantalla completa. font-size 100%

Iniciado por OssoH, 6 Noviembre 2020, 16:53 PM

0 Miembros y 1 Visitante están viendo este tema.

OssoH

Quiero hacer un reloj digital que ocupe toda la pantalla (ajustandose automáticamente el tamaño del texto dependiendo de la ventana del navegador).
Tengo el problema que la letra no se ajusta a todo el espacio en pantalla.
¿como puedo hacer un font-size:100% ?


Código (html5) [Seleccionar]


<style>

html { height: 100%; }
body{
   height: 100%;
   width: 100%;
   margin:0px;
   background-color: black;
}

h1 {
 text-align: center;
  position: absolute;
 top: 50%;
 margin-top: -25vmin;
 width: 100%;
 color:red;

font-family: arial;


}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/jquery.fittext.js"></script>

<h1>45</h1>

<script>
jQuery("h1").fitText(0.38);
</script>







Mod: Uso obligatorio de etiquetas GeSHi.