Al usar la navegación superior fija de bootstrap 3, noté que cuando los usuarios usan el zoom nativo en dispositivos móviles, la navegación superior también se vuelve muy grande. Esto conduce a una experiencia de usuario bastante pobre, donde la navegación oscurece gran parte del contenido y termina interrumpida, como muestra el siguiente ejemplo:

El problema se puede ver en la naturaleza enhttp://www.exploretrade.info/ y también parece afectar a muchos otros sitios que usan este tipo de navegación; Una solución común es deshabilitar el zoom del usuario, pero esto perjudica la accesibilidad del sitio.

Mi pregunta es: ¿cómo mantengo constante el tamaño visualizado de la navegación superior fija cuando un usuario está ampliando el contenido en el dispositivo móvil?

Usando JavaScript, uno puede calcular el zoom actual del dispositivo aplicado y actualizar dinámicamente el CSStransform: scale directiva2Sin embargo, esto parece no funcionar paraposition: fixed elemento, que termina centrado de alguna manera en la pantalla después de reducir