Bloquear Zoom por CSS a un elemento

[baccxus]

Hola, tengo un problema con un diseño responsive, al hacer zoom, por cualquier razón (hay usuarios que quieren acercarse mas), la barra donde tengo el menú básico queda superpuesta al diseño y todo se desmadra. Encontré alguna solución, muy vieja de hecho, pero es bastante horrible, como el mismo creador lo indica.


Lo que quiero hacer es lo que sale en esta imagen con el numero 4:

http://dbushell.com/wp-content/uploa...-position1.png

Muchas gracias y saludos!

[NueveReinas]

Creo que lo que buscas es algo como esto:

Código:

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

Donde dice "initial-scale=1.0" es la escala inicial (1:1, digamos, escala real), y donde dice "maximum-scale=1.0" es lo máximo que va a poder escalar (aumentar) el usuario (desde el teléfono). Por ejemplo, "maximum-scale=1.5" por si tienes elementos muy pequeños.

[baccxus]

Gracias por tomarte el tiempo de responder. Sin embargo yo no quiero bloquear el zoom de todo el sitio web, porque hay personas que requieren del zoom, solo quiero bloquear una división que hace la función de menú principal y que al hacer zoom en móviles con baja resolución sobrepone el contenido que se trata de mostrar. Es lo que muestra la imagen de ejemplo con el número 4.

Saludos

[NueveReinas]

Iniciado por baccxus

Gracias por tomarte el tiempo de responder. Sin embargo yo no quiero bloquear el zoom de todo el sitio web, porque hay personas que requieren del zoom, solo quiero bloquear una división que hace la función de menú principal y que al hacer zoom en móviles con baja resolución sobrepone el contenido que se trata de mostrar. Es lo que muestra la imagen de ejemplo con el número 4.

Saludos

Eso pasa porque seguramente el menú está en posición fija.