Respuesta de Bootstrap en dispositivos móviles
Tengo este extraño problema. Acabo de configurar una página, construida con bootstrap 3.0.3, en mi propio servidor web.
Mi problema es la parte responsiva, funciona bien en cromo y firefox e incluso en mi móvil cuando pongo un enlace público a través de dropbox. Pero cuando trato de acceder desde mi servidor web utilizando mi móvil, deja de funcionar. Consigo la página entera en vez de ser encogido a la versión móvil.
- Css-fix para la pantalla de saltar hacia arriba y hacia abajo cuando se desplaza en los dispositivos Android
- Dropdowns de Bootstrap de Twitter Unclickable en tabletas
- Bootstrap navbar sensible a la lista desplegable no responde al tacto
- ¿Por qué este CSS no funciona para Chrome en Android pero funciona en cualquier otro sitio?
- Forzar la ocultación de la barra de direcciones en Chrome en Android
He incluido el puerto de vista:
<meta name="viewport" content="width=device-width, initial-scale=1">
Al ejecutar una prueba en la página de velocidad de página googles obtengo un error diciendo que la ventana no existe.
Mi servidor web se está ejecutando en un pi de frambuesa con nginx.
- ¿Hay herramientas de interfaz de usuario personalizadas para Android?
- Twitter Bootstrap modal en dispositivos móviles
- ¿Qué UI usar para Cordova Android / iPhone desarrollo de aplicaciones
- Twitter Bootstrap no funciona en Android WebView
- Bootstrap de Twitter: no se cambia el tamaño de la barra de navegación en el cambio de orientación (solo con el navegador de acciones de Android)
- Twitter Bootstrap desplegable en ipad y android no funciona incluso con el hack
- Diferentes diseños de cuadrícula para retrato y paisaje en bootstrap
- Tipo de entrada = número no es posible insertar números negativos en el teléfono móvil
¡Finalmente! desde el sitio web Responsive zoom out to full width en móvil :
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
¿Está utilizando Frame URL (reenvío enmascarado) para redirigir su dominio a su servidor web ?. Tuve el mismo problema que tú: (no responde a los dispositivos móviles cuando accedo a mi sitio web a través de un servidor remoto.
Observe el marco de URL, puede incluir un <frame>
o <iframe>
, en ese caso la parte sensible para los dispositivos tales móviles, tabletas, etc … no funcionará.
¿Está utilizando copia local de los archivos de arranque, o remoto?
Trate de incluir archivos con esto:
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
Si funcionó y trató de utilizar archivos locales antes de que esto podría ser un problema con el enlace a sus archivos locales. Trate de mirarlos con la consola de depuración en el navegador si uno de ellos es 404'ed. Si es así … debe reparar los enlaces.
Asegúrate de tener
<!DOCTYPE html>
siendo enviado como la línea misma en su código