Es posible alejarse automáticamente si la resolución del usuario <x?

mi sitio está dirigido exclusivamente al mercado de computadoras portátiles (¡no preguntes por qué ni discutas!), todos mis usuarios (o el 95% o más) tenemos un ancho de pantalla de más de 1200,

Las netbooks ahora están despegando, con una resolución de 1024 de ancho.

mi sitio todavía se ve muy bien en una netbook si alejas una vez (ctrl-menos), pero no quiero confiar en que los usuarios sepan sobre ctrl-menos.

¿Cuáles son mis opciones además de rediseñar? Me entusiasma no tener botones de zoom en mi página.

¿Hay un zoom de JavaScript externo?

Si bien esto no soluciona tu zoom, puedes probar un pequeño truco basado en CSS y tamaño relativo.

Si tiene una imagen o un contenedor que tiene 10em ancho, intente configurarlo a 10 10em ancho (o faff con la cantidad de em hasta que encuentre el valor apropiado). Eventualmente, si hace esto en cada dimensión especificada en su sitio, podrá reducir la página de forma activa al cambiar el font-size predeterminado. Ej. Desde 1em, hasta 0.91em.

Las personas a menudo usan el tamaño relativo para permitir a las personas la flexibilidad de poder reducir y boost el tamaño de las fonts como lo deseen. No es tan comúnmente utilizado en las imágenes (porque son por requisito, de tamaño fijo). Sin embargo, este no es el caso, y en este caso, podría ofrecerle una forma de salir de un “rediseño completo del sitio” y dar el efecto de “ampliar”.

Esto podría resolver el problema sin rediseñar, pero puede ser complicado y requerirá un poco de prueba. La manera en que las hojas de estilo se colocan en cascada, reduciendo la fuente un poco más, elemento por elemento, puede causar algunos problemas.

  • detectar la resolución de pantalla a través de JS
  • aplicar el CSS apropiado

ctrl + – es la característica del navegador y nunca deberías confiar en eso.

prueba este artículo http://www.alistapart.com/articles/alternate/ o intenta google “javascript switch css”

esta es una mala idea por muchas razones. el zoom es específico del cliente, por lo que se encontrará con incompatibilidades entre navegadores si es posible. su mejor opción es usar css y establecer un ancho mínimo y / o máximo. no es necesario rediseñar, pero (suponiendo que la estructura html sea adecuada y el uso de css externos) cambiar algunos valores de ancho debería ser el truco.