Zoom en buscador mobile

¡Hola comunidad!

Tengo una duda con respecto al buscador en versión mobile, he visto que en algunas tiendas se hace un zoom al presionar el buscador, en este momento busco quitar ese efecto, ¿se debe a alguna configuración o prop del componente?

Espero puedan ayudarme.

Hola @Franh, todo bien?

De forma predeterminada, todos los navegadores móviles fuerzan que el elemento del formulario funcione tal como está. Pero cuando un desarrollador establece el tamaño de fuente en menos de 16 píxeles en cualquier elemento del formulario, los navegadores móviles intervienen y obligan a la interfaz de usuario o a la página a hacer zoom para que los textos sean lo suficientemente legibles.

La solución parece ser crear un media query como lo que sigue:

@media screen and (max-width: 767px) {
  input, select, textarea {
    font-size: 16px;
  }
}

Referencias:

1 Like

¡Hola @andremiani!

Muchas gracias por esta información, en efecto solo se daba en iOS, modificando el tamaño de la letra dejar de hacerse ese zoom, muchas gracias!!!

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.