Ver Mensaje Individual
  #5 (permalink)  
Antiguo 04/02/2012, 20:21
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: Ajustar texto

Buena política la de listar palabras clave que sirvan de guía en la búsqueda.

Igual ahora yo vengo a poner un ejemplo, aprovechando que el tema me recordó que ya hace mucho había guardado un código (creo que de Microsoft) porque me gustó la simpleza conque habían resuelto el "autoajuste de font-size".

Por supuesto que el ejemplo era tan viejo que al probarlo arrancó en IE 6, y en ningún otro. Así que lo reescribí para hacerlo compatible. Espero que funcione en todos.

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>AJUSTA TEXTO AL TAMAÑO DEL DOCUMENTO.</title>
<script type="text/javascript">
var ajuste = 4;

function muestraHora()
{
    var s = Date(); //alert(s);
    var t = s.split(":");
    var t0 = t[0].split(" ");
        t0 = t0[t0.length-1]; //alert(t0)
    var t1 = t[1]; //alert(t1)
    var t2 = t[2].split(" ")[0]; //alert(t2)

    var altoDoc = (window.innerHeight)? window.innerHeight : document.body.clientHeight;
    var anchoDoc = (window.innerWidth)? window.innerWidth : document.body.clientWidth;

    if ((altoDoc*ajuste)>anchoDoc)
    altoDoc = anchoDoc / ajuste;
    document.getElementById("HMS").innerHTML = t0 + ":" + t1 + ":" + t2;
    document.getElementById("HMS").style.fontSize = altoDoc - 2 + "px";

    setTimeout(muestraHora , 1000);
}

onload = muestraHora;
onresize = muestraHora;
</script>
<body>
<center id="HMS">&nbsp;</center>
</body>
</html>
Supongo que a alguien le servirá.