examples - jquery mobile themes
corrige la orientación de la página al paisaje solo en Jquery-mobile (3)
¿Cómo puede la orientación de una página ser horizontal solo cuando estoy usando jquery mobile para mi aplicación web?
La página contiene algunos datos tabulares que no se pueden mostrar en el modo vertical en la versión móvil ...
Eche un vistazo a mi diseño .. http://jsfiddle.net/nY5ZF/1/
¿Se puede arreglar esto?
No puede bloquear la rotación del navegador, pero lo que puede hacer es usar una hoja de estilo diferente para una orientación y otra hoja de estilo que ocultará todo en modo vertical.
<link rel="stylesheet" type="text/css" href="css/style_l.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="css/style_p.css" media="screen and (orientation: portrait)">
Ahora tenemos tablas responsivas en jquerymobile 1.3.1, podrías usar eso ...
http://jquerymobile.com/demos/1.3.0-beta.1/docs/tables/
Como no es posible bloquear la orientación en webapps a diferencia de las aplicaciones híbridas (phonegap). Algunos navegadores simplemente no nos ayudan en eso.
A continuación, puede visualizar estos datos en formato de lista O simplemente verificar el modo, si es un retrato, luego dé un mensaje simple "Para ver la tabla, use el paisaje".
Intente utilizar la propiedad de orientation de jQuery Mobile y establézcalo en falso.
jQuery.mobile.orientationChangeEnabled = false;
Esto debería necesariamente hacer un retroceso en el evento de cambio de tamaño de la ventana. El tamaño puede ser manejado por CSS3 de min-width