2011-11-07 9 views
5

Ho sviluppato un'app Web/sito Web per iPad ma non riesco a farlo rimanere in una vista verticale fissa.Come posso correggere l'orientamento della pagina web su Portrait solo per iPad e iPhone?

Non voglio che ruoti e lavori in modalità orizzontale, a causa del modo in cui è stata progettata l'app.

Ho provato varie configurazioni delle impostazioni di visualizzazione ma non ha funzionato.

Non sono molto bravo in JavaScript quindi un'opzione di copia incolla sarebbe la migliore o qualcosa in CSS/HTML.

Grazie in anticipo.

+2

Dupe, guarda qui - [Come si blocca l'orientamento in modalità verticale in un'applicazione Web iPhone?] (Http://stackoverflow.com/questions/1207008/how-do-i-lock-the-orientation- to-portrait-mode-in-a-iphone-web-application) – Alex

+0

Whooops, ho messo in uptot l'ultimo commento senza guardare abbastanza attentamente la domanda. Ecco una [domanda duplicata che ha la risposta che cerchi] (http://stackoverflow.com/questions/1207008/how-do-i-lock-the-orientation-to-portrait-mode-in-a-iphone- applicazione web). –

risposta

5

Purtroppo, non v'è alcun modo per esplicitamente "bloccare" l'orientamento di una web-app in Mobile Safari, come si può vedere anche dal link che Alex ha postato sopra nel commento:

How do I lock the orientation to portrait mode in a iPhone Web Application?

Tuttavia, è possibile avere più file CSS per diversi orientamenti dello schermo. C'è un pratico JavaScript snippet che è possibile copiare e incollare qui:

http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites

Questo dovrebbe almeno permettere di progettare intorno alla rotazione senza dover utilizzare JS, ma solo CSS.

+0

Grazie per il link. –

Problemi correlati