jquery - imagen - interfaz de photoshop muy grande
¿Hay alguna forma de evitar el cambio de tamaño de las ventanas debido a elementos de la interfaz de usuario como la barra de direcciones? (1)
Vea lo siguiente:
Mi problema es que estoy creando un sitio web receptivo y quiero que la ventana siempre esté en pantalla completa. Por ejemplo, en documentos listos. Quiero que el cuerpo sea el 100% de la ventana disponible del dispositivo. INCLUYE la altura de la barra url y otros elementos de navegación como los de iOS. , y para que se mantenga de esa manera. El cambio de tamaño está rompiendo mi diseño basado en porcentaje. He incluido lo siguiente para la ventana gráfica:
<meta name="viewport" content="width=device-width, height=device-height, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" />
Tanto html como body tienen el siguiente estilo:
html {
height: 100%;
width:100%;
margin: 0 auto;
padding:0;
}
body {
width:100%;
height:100%;
margin: 0 auto;
padding: 0;
}
Con jQuery creo que he tenido éxito en tomar el tamaño de la pantalla después de cambiar el tamaño y configurarlo de esa manera
$(window).resize(function() {
var height = $("body").css("height");
$("body").css("height", height);
});
pero esto solo funcionará si el usuario se desplaza primero hacia abajo (hasta mantiene la barra de URL en su lugar)
Estaba teniendo el mismo problema con las entradas de formulario y el teclado virtual y lo usé:
$("#name").focus(function() {
var height = $("body").css("height");
$("body").css("height", height);
});
He buscado soluciones como el minimal-ui (pasó a ios8) y necesito más que eso de todos modos, me desplazo a 0,1, min-height y varias otras soluciones más complicadas, como buscar el tipo de dispositivo, etc. pero puedo '' parece que lo entiendo Soy bastante nuevo en esto, así que si me falta algo obvio, ¡sé amable!