Hola todos :
Que una persona crea haber visto un código extraño no es raro, pero que dos personas digan haber visto el mismo código extraño, ya es sospechoso. A pesar de que "una página que se autoajuste por resolución de pantalla" es parte del inconsciente colectivo de todos los diseñadores, existe una posibilidad de que no sea otro mito urbano.
Supongo que ya habrán usado sin éxito los buscadores para encontrarla; y si no aparece, puede que sea porque el truco no se adapte a los nuevos navegadores, y entonces ya no lo usen.
Revolviendo viejas carpetas de entre mis discos, descubrí que alguna vez había empezado a estudiar el problema, pero jamás lo terminé. Probé este código en
IE 5.5 , y hasta parece que funciona; pero en el
IE 6 el
zoom hace agua. De allí el último comentario de mi párrafo anterior.
Ya no tengo interés en seguir con el tema, pero les posteo lo que hice para saber si se parece en algo a lo que vieron.
Código:
<HTML>
<HEAD>
<TITLE> AUTOAJUSTE POR RESOLUCIÓN DE PANTALLA.</TITLE>
<SCRIPT>
function iniciar(){
if(corrige.checked){
if(tipo[0].checked){
ajustarFuente()}
else{
ajustarZoom()}
}
else{
document.body.style.fontSize="";
document.all.tags('table')[0].style.fontSize="";
}
}
function ajustarFuente() {
var correccion=screen.width/800;
document.body.style.fontSize=correccion+"pc";
document.all.tags('table')[0].style.fontSize=correccion+"pc";
}
function ajustarZoom(){
var correccion=screen.width/800;
document.all.tags('table')[0].style.zoom=correccion;
}
</SCRIPT>
<STYLE>
body{margin:0}
p{/*margin:0; padding:0,0,1.12em;*/}
</STYLE>
</HEAD>
<BODY onload=iniciar()>
<h2 /*style="font-size:1.5em"*/>Ajusta el tamaño del documento
a la resolución de pantalla.</h2>
<input style=margin-left:50px type=checkbox id=corrige
name=corrige checked>
Ajustar por <input id=tipo name=tipo type=radio checked>
fuente <input id=tipo name=tipo type=radio>
zoom . __ .<button onclick="history.go(0)" >Ver</button><p>
<hr style="width:47em" style=cursor:help
title="Línea de referencia para comparar con el
ancho de la tabla." color=red>
<table border=1 style="width:47em" align=center>
<tr>
<td /*style="font-size:1.2em"*/>
QWERTYUIOP
</td>
<td align=center>
QWERTYUIOP
</td>
</tr><tr>
<td align=center /*style="font-size:1em"*/>
<p><u>0</u></p>
<p><u>1</u></p>
<p><u>2</u></p>
<p><u>3</u></p>
<p><u>4</u></p>
<p><u>5</u></p>
<p><u>6</u></p>
<p><u>7</u></p>
<p><u>8</u></p>
<p /*style="padding-bottom:0"*/><u>9</u></p>
</td>
<td style="text-align:justify"><img src=
"http://www.forosdelweb.com/images/a/header_homepage.gif"
align=right style="height:10em">
<font face=sans-serif><b>Método Fuente</b></font> :
El documento se escribe dentro de una tabla con todas las
medidas de los elementos anidados en unidades
<tt style=cursor:help title=" 1em = 1 alto del
elemento 'font'."><u>em</u></tt>. <br>
Un <i>script</i> detecta la resolución del monitor y
cambia el <tt>font-size</tt> de la tabla para ajustar su
tamaño y el de todos los elementos que contenga. <br>
Como no todas las fuentes pueden mostrarse en cualquier
medida, es posible que exista algún desfasaje entre
distintas resoluciones cuando el navegador 'renderée' el
tamaño más aproximado. <br>
El ancho de la tabla está calculado en <tt>47em</tt>
y la unidad patrón es de <tt style=cursor:help
title=" 1 pica = 12 puntos.">1<u>pc</u></tt> para
<b>800 × 600</b>.<br>
En caso de modificar la unidad de la tabla, deben usarse
solamente las que sean absolutas, ya que las unidades
relativas cambian con la resolución del monitor.
<p style="margin:1em,0,0">
<b>Nota : </b>un punto crítico es el interlineado de
párrafos, ya que no puede modificarse con CSS. Una opción
sería combinar <tt>margin</tt> y <tt>padding</tt> hasta
conseguir un valor que se mantenga en todas las pantallas.
<br><br>
<font face=sans-serif><b>Método Zoom</b></font> :
El documento también se escribe en una tabla, pero
ya no son necesarias las medidas en cada elemento. <br>
En este caso, el <i>script</i> ajusta el factor de
ampliación para cada resolución de pantalla.
</td>
</tr>
</table>
</BODY>
</HTML>
Ojalá le sirva a alguien como inicio de algún experimento.
saludos
furoya.