¿Quieres una página web de iPhone / iPad / iOS que sea 100% ancho / alto

Estoy tratando de get un sitio que sea simplemente el 100% del ancho / alto posible de un dispositivo, luego de desplazarme lo suficiente para deshacerte de la barra de direcciones. Espero que eso tenga sentido?

Solo necesito las dimensiones simples para que pueda desplazar el dispositivo a 0,0 y ver la mayor cantidad posible de mi página. por ejemplo, simplemente 320×400 (ancho 320, 400 might = altura – barra de título – pie de página)

La razón de esto es que estoy poniendo un solo DIV en una página que es una "window gráfica" en el contenido que se mueve, piensa en google maps. Solo quiero que este div llene todo el espacio disponible.

El problema es que no puedo detectar la altura de la window disponible. Siempre parezco get el tamaño de la pantalla: la barra de título, la barra de direcciones, la barra de debugging opcional, el pie de página. ¿Cómo puedo detectar el "mayor tamaño posible"?

Ponga html,body con height:100%; y el div como position:absolute;top:0;bottom:0;left:0;right:0; y entonces no necesitas el ancho / alto exacto de la window gráfica, el div ya usará el espacio máximo posible.

Pero si aún desea detectar, jQuery obtuvo $(element_you_want).width() y .height() también que podrían hacer el truco. Prueba con documento o solo cuerpo (con 100% de altura)

Si está utilizando javascript, intente alertar: 'innerWidth';

http://www.quirksmode.org/dom/w3c_cssom.html

Respondiendo esto yo mismo:

 var $div = $( '<div></div>' ).appendTo( document.body ); $div.css({height:2000,width:2000}); setTimeout(function(){ window.scrollTo(0,1); alert( window.innerHeight + ', ' + window.innerWidth ); }, 10); 

La idea básica es que fuerce la window para que sea más grande de lo que sé que puede soportar, eliminar la barra de direcciones y luego medir el tamaño. Ahora puedo ir y volver a clasificar según tamaño este div apropiadamente.