Estimado @furoya, una vez más tratando de encauzar a los primerizos. Mérito de tu parte y aprobación de la mia.
Amigo @brai_lf, reconozco que te oculté información de los seguramente escasos conocimientos que tengo acerca del tema.
Podés arrancar con esto, no soluciona nada, pero es un inicio
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"> titulo
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> Presiona Crtl+ ó Ctrl-
<div id="uno" style="top:2px;left:10%;width:10px;height:10px;background:blue;position:absolute;"> <div id="dos" style="top:2px;width:10px;height:10px;background:red;position:absolute;"></div> <div id="log" style="margin-top:25px;"></div><script type="text/javascript"> //<![CDATA[
document.getElementById("dos").style.left = document.getElementById("uno").offsetLeft + "px";
var zoom = 0;
setInterval(function() {
var nuevoZoom = document.getElementById("dos").offsetLeft / document.getElementById("uno").offsetLeft;
if (nuevoZoom == zoom) return;
zoom = nuevoZoom;
// cuando cambio el zoom con ctrl+ se escribe en pantalla un indice que representa el cambio en la proporcion del zoom+ ó zoom-
// se podría hacer que el cambien los tamaños de los elementos.
document.getElementById("log").innerHTML += zoom + "<br />";
}, 200);
//]]>
Vés, ya tenés el 1, ahora te resta averiguar que hacer cuando uno ya no sea 1 sino < ó > a 1, y te anticipo que sirve para el uso del teclado no para lo de la ruedita, además como ya señalé en algún otro post
Cita: El tema del zoom en el navegador del cliente tiene que ver con un tema de accesibilidad, muchos (me incluyo), utilizan anteojos, y a falta de otro método propuesto por el diseñador, recurrimos al zoom para ver ciertas páginas.
Asi, teniendo en cuenta esto, no sé hasta que punto forzar un tamaño ante la acción del zoom.