Ciao a tutti,
ho finito di sviluppare un sito web responsive e mi sono accorto durante lo sviluppo che le funzioni screen.width e screen.height sembrano essere interpretate al contrario. Io le ho usate per capire se il dispositivo se si trova in modalità landscape (16:9 o rapporti simili) oppure in modalità portrait (9:16 o rapporti simili) e quindi capire se l`utente ha ruotato lo schermo oppure no. Ma ho notato che quando lo schermo si trova in modalità portrait (quindi in 9:16) in realtà Firefox intepreta che la larghezza (screen.width) è maggiore dell`altezza(screen.height). Mentre succede al contrario se si ruota lo schermo in 16:9.
Per ovviare a questo problema ho dovuto inserire il seguente codice come eccezione per Firefox il quale può tornare utile a qualcuno:
// Firefox 1.0+
var isFirefox = typeof InstallTrigger !== 'undefined';
if(isFirefox){
   if(screen.width > screen.height){
             Comportamento codice 9:16
   }else{
              Comportamento codice 16:9
   }
}
Altri hanno avuto questo problema durante la creazione di siti responsive?
Grazie per i feedback