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