0

hice una página web y tengo un problema. Ocurre que cuando alejo la pantalla (-zoom) del teléfono, mi página WEB se sigue achicando hasta cierto punto... Cómo puedo mantener el tamaño de la página igual al tamaño de la pantalla?

Dejo unas imágenes para que se hagan una idea

Así se ve cuando alejo la pantalla introducir la descripción de la imagen aquí

Y así quiero que se vea aunque intente alejar la pantalla, es decir, que mantenga su tamaño aunque intente achicar la página web.introducir la descripción de la imagen aquí

Estaba usando estos meta

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="HTML5, bootstrap, mobile, app, landing, ios, android, responsive">

Y probe el tuyo solo y tampoco me daba solución

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Estaba pensando que estoy usando un div que se desplaza con la pantalla cuando bajo o subo... podría ser ese el problema?

4
  • Si se desplaza hacia la izquierda es porque probablemente estés trabajando "offscreen", fíjate si son necesarios los divs con el atributo left que sobrepasen el tamaño de la pantalla, de ser necesario cambialos a porcentaje Commented el 14 nov. 2018 a las 19:44
  • No sé si ya solucionaste el problema, acabo de revisar tu página web y no veo ningún movimiento a menos que haga zoom. Hice pruebas usando user-scalable=no y la página se ve bien. Commented el 15 nov. 2018 a las 13:01
  • Tienes razón, funciona bien... Lo probé en un teléfono android y no hay problemas, pero en un iphone hay un div que sobresale y genera ese problema. Commented el 15 nov. 2018 a las 14:06
  • Debe ser problema del tamaño del Iphone, lo acabo de probar en otro Iphone más moderno y no hay problema... Disculpa por hacerte perder tiempo. Muchas gracias! Commented el 15 nov. 2018 a las 14:18

1 respuesta 1

1

Añade en tu cabecera la siguiente línea:

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Encuentre más información aquí

10
  • Sigue igual :/, el problema es que se desplaza hacia la izquierda y no regresa al estado normal... Commented el 14 nov. 2018 a las 19:13
  • Edita tu pregunta y añade los metadatos que estás usando en tu head. Estás usando únicamente el meta viewport que te pasé ? Commented el 14 nov. 2018 a las 19:25
  • Sí, lo probe solo y no me funciono... Arriba puse los que estaba usando antes del que tu me pasaste. Commented el 14 nov. 2018 a las 19:34
  • Cabe aclarar, aunque tal ves ya lo sepas, que si estás probando el sitio en un navegador (sea móvil o no), debes siempre limpiar la caché por completo Commented el 14 nov. 2018 a las 19:34
  • La verdad es que soy nuevo en programación, lo que ocurre es que la página al desplazarla hacia la derecha se mueve y se pierde la visión completa de la página web hasta que vuelvo a desplazarla a la derecha... No sé cómo evitar que se desplace hacia la izquierda cuando uso el dedo... Commented el 14 nov. 2018 a las 19:43

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.