È possibile utilizzare Javascript/CSS per scambiare fogli di stile quando un dispositivo mobile ruota?

Question

Sto lavorando a un sito che deve essere progettato tenendo presente l'accessibilità mobile. Come parte del nostro brainstorming, ci siamo chiesti se sia possibile rilevare, per un browser mobile (ad es. Mobile Safari o il browser Android), quando il dispositivo di visualizzazione ha cambiato orientamento e usarlo come trigger per modificare il contenuto della pagina? Come suggerisce il titolo di questa domanda, il nostro scenario migliore è la capacità di rilevare il cambiamento di orientamento e utilizzarlo per modificare il CSS al volo in modo da presentare una pagina leggermente diversa per il paesaggio rispetto al ritratto.

Ovviamente possiamo progettare solo una pagina che sembra buona a senso unico e rendere evidente che dovrebbe essere vista in questo modo, ma il fattore cool di una pagina che sembra buona in entrambi i casi è piuttosto allettante.

Questa idea è implementabile? Pratico?

Answer 1

Sì, questo si risponde in un more general question.

per riassumere, si dovrebbe ascoltare con le Javascript per l'evento orientationchange, e passare lo stile nel gestore di eventi, a seconda del valore di window.orientation.

Answer 2

fare uno stile fluido che sarebbe regolare in ogni caso ..

si dovrà dare una descrizione più dettagliata dei problemi che si desidera risolvere in modo che possiamo suggerire risposte più dettagliate ..

Answer 3

È anche possibile utilizzare le media query per fare questo senza alcun JS a tutti - vedi http://davidbcalhoun.com/2010/dealing-with-device-orientation