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% ?

 
<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.